Differential D18485 Diff 44405 webroot/rsrc/css/application/base/notification-menu.css

Changeset View

Standalone View

webroot/rsrc/css/application/base/notification-menu.css

/**		/**
* @provides phabricator-notification-menu-css		* @provides phabricator-notification-menu-css
*/		*/

.phabricator-notification-menu {		.phabricator-notification-menu {
background: {$page.content};		background: {$page.content};
font-size: {$smallestfontsize};		font-size: {$smallerfontsize};
		line-height: 18px;
word-wrap: break-word;		word-wrap: break-word;
overflow-y: auto;		overflow-y: auto;
box-shadow: {$dropshadow};		box-shadow: {$dropshadow};
border: 1px solid {$lightgreyborder};		border: 1px solid {$lightgreyborder};
border-radius: 3px;		border-radius: 3px;
}		}

.phabricator-notification .phabricator-notification-date {		.phabricator-notification {
margin-left: 8px;		padding: 8px 12px;
color: {$lightgreytext};
}		}

.phabricator-notification-menu-loading {		.phabricator-notification-menu-loading {
text-align: center;		text-align: center;
padding: 10px 0;		padding: 10px 0;
color: {$lightgreytext};		color: {$lightgreytext};
}		}

Show All 13 Lines	.device-phone .phabricator-notification-menu {
position: absolute;		position: absolute;
}		}

.phabricator-notification-list.pm {		.phabricator-notification-list.pm {
padding: 0;		padding: 0;
}		}

.phabricator-notification-list .phabricator-notification {		.phabricator-notification-list .phabricator-notification {
padding: 10px 4px;		padding: 8px;
}

.phabricator-notification {
padding: 6px 8px;
}		}

.phabricator-notification-menu .phabricator-notification {		.phabricator-notification-menu .phabricator-notification {
cursor: pointer;		cursor: pointer;
}		}

.device-desktop .phabricator-notification-menu .phabricator-notification:hover {		.device-desktop .phabricator-notification-menu .phabricator-notification:hover {
background: {$hoverblue};		background: {$lightgreybackground};
}		}

.device-desktop .phabricator-notification-menu		.device-desktop .phabricator-notification-menu
.phabricator-notification-unread.phabricator-notification:hover {		.phabricator-notification-unread.phabricator-notification:hover {
background: {$hoverselectedblue};		background: {$hoverselectedblue};
}		}

.phabricator-notification + .phabricator-notification {		.phabricator-notification + .phabricator-notification {
border-top: 1px solid {$thinblueborder};		border-top: 1px solid {$thinblueborder};
}		}

.no-notifications {		.no-notifications {
color: {$lightgreytext};		color: {$lightgreytext};
}		}

.phabricator-notification-list .phabricator-notification-unread,		.phabricator-notification-list .phabricator-notification-unread,
.phabricator-notification-menu .phabricator-notification-unread {		.phabricator-notification-menu .phabricator-notification-unread {
background: {$hoverblue};		background: {$hoverblue};
}		}

.phabricator-notification-read {		.phabricator-notification-read {
color: {$lightgreytext};		color: {$lightgreytext};
}		}

		.phabricator-notification-foot {
		color: {$lightgreytext};
		font-size: {$smallestfontsize};
		line-height: 18px;
		position: relative;
		}

		.phabricator-notification-unread .phabricator-notification-foot {
		padding-left: 10px;
		}

		.phabricator-notification-foot .phabricator-notification-status {
		display: none;
		}

		.phabricator-notification-unread .phabricator-notification-foot
		.phabricator-notification-status {
		font-size: 7px;
		color: {$lightgreytext};
		position: absolute;
		display: inline-block;
		top: 6px;
		left: 0;
		}

.phabricator-notification-header {		.phabricator-notification-header {
font-weight: bold;		font-weight: bold;
padding: 10px 8px;		padding: 10px 12px;
font-size: {$smallerfontsize};		font-size: {$smallerfontsize};
border-bottom: 1px solid {$thinblueborder};		border-bottom: 1px solid {$thinblueborder};
}		}

.phabricator-notification-header a {		.phabricator-notification-header a {
color: {$darkgreytext};		color: {$darkgreytext};
}		}

▲ Show 20 Lines • Show All 45 Lines • Show Last 20 Lines