2013-01-25 02:23:05 +01:00
|
|
|
/**
|
|
|
|
* @provides conpherence-widget-pane-css
|
|
|
|
*/
|
|
|
|
|
2013-05-29 21:46:06 +02:00
|
|
|
.conpherence-widget-pane,
|
2013-05-31 20:31:19 +02:00
|
|
|
.loading .widgets-loading-mask {
|
2013-01-25 02:23:05 +01:00
|
|
|
position: fixed;
|
|
|
|
right: 0px;
|
2013-12-04 06:48:03 +01:00
|
|
|
top: 76px;
|
|
|
|
bottom: 0;
|
2013-05-24 19:50:18 +02:00
|
|
|
width: 240px;
|
2013-01-25 02:23:05 +01:00
|
|
|
border-width: 0 0 0 1px;
|
2013-11-28 16:34:03 +01:00
|
|
|
border-color: {$lightblueborder};
|
2013-01-25 02:23:05 +01:00
|
|
|
border-style: solid;
|
2013-02-05 04:01:46 +01:00
|
|
|
overflow-y: auto;
|
2013-03-25 15:38:27 +01:00
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
}
|
2013-05-29 21:46:06 +02:00
|
|
|
.device .conpherence-widget-pane,
|
2013-05-31 20:31:19 +02:00
|
|
|
.device .loading .widgets-loading-mask {
|
2013-03-25 15:38:27 +01:00
|
|
|
top: 44px;
|
|
|
|
width: 100%;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
|
|
|
|
2013-05-29 21:46:06 +02:00
|
|
|
.conpherence-widget-pane .widgets-loading-mask {
|
2013-05-31 20:31:19 +02:00
|
|
|
opacity: .6;
|
|
|
|
background: #fff;
|
2013-05-29 21:46:06 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2013-05-31 20:31:19 +02:00
|
|
|
.loading .widgets-loading-mask {
|
2013-05-29 21:46:06 +02:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2013-01-25 02:23:05 +01:00
|
|
|
.conpherence-widget-pane .aphront-form-input {
|
|
|
|
margin: 0;
|
2013-05-27 18:56:45 +02:00
|
|
|
width: 100%;
|
2013-01-25 02:23:05 +01:00
|
|
|
}
|
2013-02-05 04:01:46 +01:00
|
|
|
|
2013-03-26 21:30:35 +01:00
|
|
|
.conpherence-widget-pane .aphront-form-inset {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
2015-05-22 17:22:25 +02:00
|
|
|
.conpherence-widget-pane .widgets-header .phui-header-shell {
|
[Redesign] Move basefont to Lato, remove Source Sans Pro
Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font.
Test Plan:
Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence.
{F498135}
{F498136}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
|
|
|
padding: 6px 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .widgets-header .phui-header-header {
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$biggerfontsize};
|
2013-03-16 07:41:36 +01:00
|
|
|
}
|
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.device .conpherence-widget-pane .widgets-header {
|
|
|
|
display: none;
|
2013-03-13 21:03:51 +01:00
|
|
|
}
|
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.conpherence-widget-pane .widgets-header .caret {
|
|
|
|
float: none;
|
|
|
|
height: 0px;
|
|
|
|
width: 0px;
|
2015-06-01 00:08:36 +02:00
|
|
|
margin: 10px 0 0 4px;
|
2013-05-24 19:50:18 +02:00
|
|
|
border-top-color: #000;
|
2013-02-05 04:01:46 +01:00
|
|
|
}
|
2013-05-27 18:56:45 +02:00
|
|
|
|
2015-03-25 19:48:22 +01:00
|
|
|
.conpherence-widget-pane .widgets-header .phui-icon-view.disabled {
|
|
|
|
color: {$lightgreytext};
|
|
|
|
}
|
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.device-desktop .conpherence-layout .device-widgets-selector {
|
|
|
|
display: none;
|
2013-03-16 07:41:36 +01:00
|
|
|
}
|
|
|
|
|
2013-02-05 04:01:46 +01:00
|
|
|
.conpherence-widget-pane .widgets-body {
|
2013-12-04 06:48:03 +01:00
|
|
|
position: fixed;
|
2013-02-05 04:01:46 +01:00
|
|
|
overflow-y: auto;
|
2013-12-04 06:48:03 +01:00
|
|
|
bottom: 0;
|
|
|
|
top: 76px;
|
2013-03-25 15:38:27 +01:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2013-05-27 18:56:45 +02:00
|
|
|
#widgets-settings {
|
2014-12-30 11:48:53 +01:00
|
|
|
padding: 3px 6px;
|
2013-05-27 18:56:45 +02:00
|
|
|
}
|
|
|
|
|
2013-05-24 19:50:18 +02:00
|
|
|
.device-desktop .conpherence-widget-pane .widgets-body {
|
2015-05-22 17:22:25 +02:00
|
|
|
top: 111px;
|
2013-05-27 18:56:45 +02:00
|
|
|
width: 240px;
|
2013-02-05 04:01:46 +01:00
|
|
|
}
|
|
|
|
|
2013-03-08 19:40:06 +01:00
|
|
|
.conpherence-widget-pane .widget-icon {
|
|
|
|
display: block;
|
|
|
|
height: 14px;
|
|
|
|
width: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .phabricator-remarkup-embed-layout-link {
|
|
|
|
padding-bottom: 1px;
|
|
|
|
}
|
2013-03-26 21:30:35 +01:00
|
|
|
|
2013-04-02 18:32:40 +02:00
|
|
|
/* people widget */
|
|
|
|
.conpherence-widget-pane .people-widget-header .add-people-widget {
|
2013-05-27 18:56:45 +02:00
|
|
|
padding: 10px 0 5px 0;
|
|
|
|
overflow: hidden;
|
2013-05-24 19:50:18 +02:00
|
|
|
}
|
2013-05-27 18:56:45 +02:00
|
|
|
|
2013-04-02 18:32:40 +02:00
|
|
|
.conpherence-widget-pane .people-widget-header .add-people-widget
|
|
|
|
.aphront-form-control-tokenizer {
|
|
|
|
float: left;
|
2013-05-27 18:56:45 +02:00
|
|
|
width: 150px;
|
2013-04-02 18:32:40 +02:00
|
|
|
padding: 0px 0px 0px 10px
|
|
|
|
}
|
2013-05-27 18:56:45 +02:00
|
|
|
|
2013-04-16 01:27:41 +02:00
|
|
|
.device .conpherence-widget-pane .people-widget-header .add-people-widget
|
|
|
|
.aphront-form-control-tokenizer {
|
|
|
|
width: 70%;
|
2013-04-02 18:32:40 +02:00
|
|
|
}
|
2013-05-27 18:56:45 +02:00
|
|
|
|
2013-04-02 18:32:40 +02:00
|
|
|
.conpherence-widget-pane .people-widget-header .add-people-widget
|
|
|
|
.people-add-button {
|
|
|
|
float: right;
|
2013-05-24 19:50:18 +02:00
|
|
|
margin: 2px 8px 0px 0px;
|
2013-04-02 18:32:40 +02:00
|
|
|
padding: 3px 16px 4px 16px;
|
|
|
|
}
|
2013-05-27 18:56:45 +02:00
|
|
|
|
2015-04-02 00:49:25 +02:00
|
|
|
#widgets-people {
|
|
|
|
margin-top: 4px;
|
|
|
|
}
|
|
|
|
|
2013-04-02 18:32:40 +02:00
|
|
|
.conpherence-widget-pane .person-entry {
|
2015-04-02 00:49:25 +02:00
|
|
|
padding: 4px 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .person-entry:hover {
|
|
|
|
background-color: {$lightgreybackground};
|
2013-04-16 01:27:41 +02:00
|
|
|
}
|
|
|
|
|
2013-04-02 18:32:40 +02:00
|
|
|
.conpherence-widget-pane .person-entry a {
|
|
|
|
float: left;
|
|
|
|
font-weight: bold;
|
2015-04-02 00:49:25 +02:00
|
|
|
line-height: 22px;
|
|
|
|
color: {$darkbluetext};
|
2013-05-27 18:56:45 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .person-entry a img {
|
2015-04-02 00:49:25 +02:00
|
|
|
height: 24px;
|
|
|
|
width: 24px;
|
|
|
|
border-radius: 3px;
|
2013-04-02 18:32:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .person-entry .pic {
|
|
|
|
float: left;
|
2015-04-02 00:49:25 +02:00
|
|
|
width: 30px;
|
2013-04-02 18:32:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .person-entry .remove {
|
|
|
|
float: right;
|
2013-05-27 18:56:45 +02:00
|
|
|
width: 20px;
|
2015-04-02 00:49:25 +02:00
|
|
|
height: 20px;
|
2013-05-30 17:30:56 +02:00
|
|
|
font-size: 18px;
|
2015-04-02 00:49:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.person-entry .remove:hover .phui-icon-view {
|
|
|
|
color: {$red};
|
2013-04-02 18:32:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.conpherence-widget-pane .person-entry .remove:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2013-05-30 17:30:56 +02:00
|
|
|
.conpherence-widget-pane .person-entry .remove .close-icon {
|
2013-04-02 18:32:40 +02:00
|
|
|
color: #bfbfbf;
|
|
|
|
}
|
|
|
|
|
2013-05-30 17:30:56 +02:00
|
|
|
.conpherence-widget-pane .person-entry .remove:hover .close-icon {
|
|
|
|
color: #000;
|
2013-04-02 18:32:40 +02:00
|
|
|
}
|
|
|
|
|
2013-03-26 21:30:35 +01:00
|
|
|
/* settings widget */
|
2013-05-24 19:50:18 +02:00
|
|
|
.conpherence-widget-pane .title-update,
|
2013-03-26 21:30:35 +01:00
|
|
|
.conpherence-widget-pane .notifications-update {
|
2013-05-27 18:56:45 +02:00
|
|
|
margin: 3px 0px 0px 4px;
|
2013-03-26 21:30:35 +01:00
|
|
|
}
|
2015-03-25 02:38:16 +01:00
|
|
|
|
|
|
|
.conpherence-widget-pane .no-settings {
|
|
|
|
width: 200px;
|
|
|
|
padding: 20px;
|
|
|
|
text-align: center;
|
|
|
|
color: {$greytext};
|
|
|
|
}
|
|
|
|
|
|
|
|
.device .conpherence-widget-pane .no-settings {
|
|
|
|
width: 60px;
|
|
|
|
margin: 0 auto 0 auto;
|
|
|
|
}
|