notification.css
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

notification.css
View Options

	/**
	* @provides conpherence-notification-css
	*/

	/* kill styles on phabricator-notification */
	.conpherence-notification {
	padding: 0;
	}

	.phabricator-notification .conpherence-menu-item-view {
	display: block;
	height: 46px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	border-bottom: none;
	border-right: 0;
	border-left: 0;
	}

	.phabricator-notification .conpherence-menu-item-view
	.conpherence-menu-item-image {
	top: 8px;
	left: 8px;
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background-size: 100%;
	box-shadow: {$borderinset};
	border-radius: 3px;
	}

	.phabricator-notification .conpherence-menu-item-view
	.conpherence-menu-item-title {
	display: block;
	margin-top: 8px;
	margin-left: 46px;
	text-align: left;
	font-weight: bold;
	font-size: {$normalfontsize};
	color: {$darkgreytext};
	width: 314px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}

	.phabricator-notification .conpherence-menu-item-view
	.conpherence-menu-item-subtitle {
	display: block;
	color: {$lightgreytext};
	font-size: {$smallestfontsize};
	margin-top: 2px;
	margin-left: 46px;
	width: 290px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}

	.phabricator-notification .conpherence-menu-item-view
	.conpherence-menu-item-unread-count {
	position: absolute;
	right: 8px;
	top: 15px;
	background: {$blue};
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	padding: 0 5px 1px;
	font-size: {$smallestfontsize};
	}