2013-01-25 02:23:05 +01:00
|
|
|
/**
|
|
|
|
* @provides conpherence-menu-css
|
|
|
|
*/
|
|
|
|
|
2013-04-01 21:50:39 +02:00
|
|
|
.conpherence-layout {
|
2013-12-04 06:48:03 +01:00
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 44px;
|
|
|
|
background: #fff;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
2013-05-31 20:31:19 +02:00
|
|
|
.conpherence-menu-pane {
|
2013-05-24 19:50:18 +02:00
|
|
|
width: 100%;
|
2013-04-01 21:50:39 +02:00
|
|
|
position: absolute;
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-y: auto;
|
2013-12-04 06:48:03 +01:00
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
2016-09-09 06:33:57 +02:00
|
|
|
background-color: {$page.sidenav};
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
2013-11-28 16:34:03 +01:00
|
|
|
|
2016-09-09 06:33:57 +02:00
|
|
|
.conpherence-menu-pane .phui-basic-nav .phabricator-side-menu
|
|
|
|
.phui-list-item-href {
|
|
|
|
padding: 4px 0 4px 8px;
|
|
|
|
}
|
|
|
|
|
2015-03-31 21:45:32 +02:00
|
|
|
.conpherence-menu-pane .phui-list-item-view.hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-09-13 00:19:24 +02:00
|
|
|
.conpherence-menu-pane.phabricator-side-menu .room-list-href {
|
2015-03-29 04:28:02 +02:00
|
|
|
padding: 10px 0 9px 8px;
|
2016-09-13 00:19:24 +02:00
|
|
|
display: inline-block;
|
|
|
|
text-transform: uppercase;
|
|
|
|
color: {$darkgreytext};
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: {$smallerfontsize};
|
2016-09-13 20:16:27 +02:00
|
|
|
float: left;
|
2016-09-13 00:19:24 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu-pane.phabricator-side-menu .room-list-icons {
|
|
|
|
display: inline-block;
|
|
|
|
float: right;
|
|
|
|
padding: 8px 0 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu-pane .conpherence-room-list-header {
|
|
|
|
clear: both;
|
|
|
|
overflow: hidden;
|
2015-03-29 04:28:02 +02:00
|
|
|
}
|
|
|
|
|
2015-03-31 01:25:24 +02:00
|
|
|
.conpherence-menu-pane .conpherence-room-list-header
|
|
|
|
.phui-icon-view {
|
|
|
|
font-weight: bold;
|
|
|
|
float: right;
|
|
|
|
text-transform: none;
|
2016-09-13 00:19:24 +02:00
|
|
|
padding: 4px;
|
2015-03-31 01:25:24 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu-pane .conpherence-room-list-header
|
|
|
|
.phui-icon-view:hover {
|
|
|
|
color: {$sky};
|
|
|
|
}
|
|
|
|
|
2015-03-29 04:28:02 +02:00
|
|
|
.conpherence-menu-pane .conpherence-message-list-header {
|
|
|
|
margin-top: 12px;
|
2015-03-06 02:09:07 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.device-desktop .conpherence-layout .conpherence-menu-pane {
|
2016-09-09 06:33:57 +02:00
|
|
|
width: 232px;
|
|
|
|
padding-right: 8px;
|
2013-05-24 19:50:18 +02:00
|
|
|
}
|
2013-11-28 16:34:03 +01:00
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.device .conpherence-menu-pane {
|
|
|
|
top: 41px;
|
|
|
|
}
|
2013-11-28 16:34:03 +01:00
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.device .conpherence-role-list .conpherence-menu-pane {
|
|
|
|
top: 0px;
|
|
|
|
}
|
2013-01-25 02:23:05 +01:00
|
|
|
|
2013-04-11 20:04:25 +02:00
|
|
|
.device-phone .conpherence-menu-pane {
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
}
|
|
|
|
|
2015-05-08 01:34:29 +02:00
|
|
|
.device .conpherence-role-thread .conpherence-menu-pane {
|
2013-04-01 21:52:30 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.device-desktop .conpherence-content-pane {
|
2016-09-09 06:33:57 +02:00
|
|
|
margin-left: 240px;
|
2013-05-24 19:50:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-content-pane {
|
2013-05-29 21:46:06 +02:00
|
|
|
display: none;
|
2013-05-24 19:50:18 +02:00
|
|
|
margin-left: 0px;
|
|
|
|
position: relative;
|
2013-04-01 21:52:30 +02:00
|
|
|
}
|
|
|
|
|
2013-05-29 21:46:06 +02:00
|
|
|
.device-desktop .conpherence-content-pane,
|
|
|
|
.device .conpherence-role-thread .conpherence-content-pane {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2013-01-25 02:23:05 +01:00
|
|
|
.conpherence-menu .conpherence-menu-item-view {
|
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
text-decoration: none;
|
2015-07-01 00:23:15 +02:00
|
|
|
border-left: 4px solid transparent;
|
|
|
|
padding: 4px;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .conpherence-selected {
|
2016-02-15 06:29:56 +01:00
|
|
|
background: rgba({$alphablack},0.05);
|
2015-07-01 00:23:15 +02:00
|
|
|
border-left: 4px solid {$sky};
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
2015-03-29 04:28:02 +02:00
|
|
|
.conpherence-menu .phui-list-item-type-link .phui-list-item-href {
|
|
|
|
padding: 8px 0 8px 8px;
|
|
|
|
}
|
|
|
|
|
2014-05-31 06:03:23 +02:00
|
|
|
.device-desktop .conpherence-menu
|
|
|
|
.conpherence-selected.conpherence-menu-item-view:hover {
|
2016-02-15 06:29:56 +01:00
|
|
|
background-color: rgba({$alphablack},0.07);
|
2014-05-31 06:03:23 +02:00
|
|
|
}
|
|
|
|
|
2013-05-29 21:46:06 +02:00
|
|
|
.conpherence-menu .loading {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
2013-04-01 21:50:51 +02:00
|
|
|
.device-desktop .conpherence-menu .conpherence-menu-item-view:hover {
|
2016-02-15 06:29:56 +01:00
|
|
|
background-color: rgba({$alphablack},0.05);
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-image {
|
2015-07-01 00:23:15 +02:00
|
|
|
width: 26px;
|
|
|
|
height: 26px;
|
|
|
|
background-size: 26px;
|
|
|
|
border-radius: 3px;
|
|
|
|
float: left;
|
|
|
|
margin-left: 4px;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-title {
|
|
|
|
display: block;
|
2015-07-01 00:23:15 +02:00
|
|
|
padding: 4px 0 4px 8px;
|
|
|
|
float: left;
|
2013-01-25 02:23:05 +01:00
|
|
|
text-align: left;
|
|
|
|
font-weight: bold;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$normalfontsize};
|
2014-05-25 22:18:51 +02:00
|
|
|
color: {$darkbluetext};
|
|
|
|
text-shadow: 0px 1px 1px #fff;
|
2013-05-14 21:32:37 +02:00
|
|
|
overflow: hidden;
|
2016-09-10 05:53:40 +02:00
|
|
|
width: 165px;
|
2013-05-14 21:32:37 +02:00
|
|
|
text-overflow: ellipsis;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-subtitle {
|
Update Conpherence full for common colors / styles
Summary: Conpherence Full modernize pass, setting standard space and colors on all widget panels. Moved menu back to 240px as the narrow column wasn't really usefull. Removed 'subtitle' on menu, seems simpler but almost under-designed. Subtitle isn't particularly useful and I plan on adding audience icons next (single, group, project, public) so I think this is the right direction.
Test Plan:
Tested with and without number columns on the menu, test with files, calendar dates, removing participants.
{F337941}
{F337942}
{F337943}
Reviewers: epriestley, btrahan
Reviewed By: btrahan
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12078
2015-03-17 22:01:45 +01:00
|
|
|
display: none;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .conpherence-menu-item-view
|
|
|
|
.conpherence-menu-item-unread-count {
|
|
|
|
position: absolute;
|
Update Conpherence full for common colors / styles
Summary: Conpherence Full modernize pass, setting standard space and colors on all widget panels. Moved menu back to 240px as the narrow column wasn't really usefull. Removed 'subtitle' on menu, seems simpler but almost under-designed. Subtitle isn't particularly useful and I plan on adding audience icons next (single, group, project, public) so I think this is the right direction.
Test Plan:
Tested with and without number columns on the menu, test with files, calendar dates, removing participants.
{F337941}
{F337942}
{F337943}
Reviewers: epriestley, btrahan
Reviewed By: btrahan
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12078
2015-03-17 22:01:45 +01:00
|
|
|
right: 4px;
|
2015-03-29 04:28:02 +02:00
|
|
|
top: 10px;
|
2014-05-28 00:26:16 +02:00
|
|
|
background: {$blue};
|
|
|
|
border-radius: 2px;
|
|
|
|
color: #fff;
|
2013-01-25 02:23:05 +01:00
|
|
|
font-weight: bold;
|
2014-05-28 00:26:16 +02:00
|
|
|
padding: 0 5px 1px;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$smallestfontsize};
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .hide-unread-count .conpherence-menu-item-unread-count,
|
|
|
|
.conpherence-menu .conpherence-selected .conpherence-menu-item-unread-count {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-date {
|
|
|
|
position: absolute;
|
2013-04-08 20:13:35 +02:00
|
|
|
top: 15px;
|
|
|
|
right: 16px;
|
2014-05-25 22:18:51 +02:00
|
|
|
color: {$bluetext};
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$smallestfontsize};
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
2013-04-01 21:50:39 +02:00
|
|
|
|
2015-01-29 23:27:44 +01:00
|
|
|
.conpherence-menu-item-header {
|
|
|
|
font-weight: bold;
|
|
|
|
text-transform: uppercase;
|
|
|
|
color: {$bluetext};
|
|
|
|
}
|
|
|
|
|
2013-04-01 21:50:39 +02:00
|
|
|
.no-conpherences-menu-item {
|
2015-01-29 23:27:44 +01:00
|
|
|
color: {$bluetext};
|
|
|
|
padding: 4px 12px;
|
2013-04-01 21:50:39 +02:00
|
|
|
}
|