com.phloxui/styles/lib/component/ConnectionStatus.less

PhloxUI Ng2+ Framework

.phx-connection-status {
	display: inline-block;
	width: @CONNECTION_STATUS_WIDTH;
	height: @CONNECTION_STATUS_HEIGHT;
	position: relative;

	> .wrapper {
		width: 100%;
		height: 100%;
		position: relative;

		> phx-signals-indicator {
			.phx-signals-indicator {
				position: absolute;
		    	width: 100%;
			}
		}

		> .status {
			font-size: 15pt;
			position: absolute;
			left: 15pt;
		}

		> .status:before {
			font-family: "PhloxGlyphicons";
			content: "6";
		}

		> .status.status-one-bar:before {
			color: extract(@CLR_G, 5);
		}

		> .status.status-zero-bar:before {
			color: extract(@CLR_C, 5);
		}
	}
}

phx-component-popover {
	> .phx-component-popover {
		&.connectionStatus.bottom {
			margin-left: -17pt;
		}

		&.connectionStatus.top {
			margin-left: -17pt;
		}
	}
}