mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-24 14:30:56 +01:00
a211f97737
Summary: this was originally "just" adding the icons like I had bundled into D4790. It morphed a bit though and does a few things - adds the icons - cleans up widget CSS generally a bit so scrolling always works - phutil_tag -- probably was a bad idea but I wanted to play with it. I think its harder to not break conpherence when you land the branch now maybs. Still up for fixing it immediately post land though. Test Plan: played with conphernece a bit. Used FF and Chrome to verify CSS was looking okay-ish. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D4814
99 lines
1.9 KiB
CSS
99 lines
1.9 KiB
CSS
/**
|
|
* @provides conpherence-widget-pane-css
|
|
*/
|
|
|
|
.conpherence-widget-pane {
|
|
position: fixed;
|
|
right: 0px;
|
|
top: 125px;
|
|
width: 320px;
|
|
height: 100%;
|
|
border-width: 0 0 0 1px;
|
|
border-color: #CCC;
|
|
border-style: solid;
|
|
background: url('/rsrc/image/texture/dust_background.jpg');
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.conpherence-widget-pane .aphront-form-input {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.conpherence-widget-pane .widgets-header {
|
|
height: 40px;
|
|
width: 127px;
|
|
margin: 0px auto 0px auto;
|
|
}
|
|
|
|
.conpherence-widget-pane .widgets-header .sprite-conpher {
|
|
display: block;
|
|
width: 29px;
|
|
height: 33px;
|
|
margin: 4px 0px 0px 20px;
|
|
float: left;
|
|
clear: none;
|
|
}
|
|
.conpherence-widget-pane .widgets-header .first-icon {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.conpherence-widget-pane .widgets-body {
|
|
position: fixed;
|
|
overflow-y: auto;
|
|
top: 165px;
|
|
bottom: 0px;
|
|
width: 320px;
|
|
}
|
|
|
|
/* calendar widget */
|
|
|
|
.conpherence-widget-pane #widgets-calendar {
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .user-status {
|
|
height: 60px;
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .user-status .icon {
|
|
border-radius: 10px;
|
|
position: relative;
|
|
top: 24px;
|
|
left: 12px;
|
|
height: 16px;
|
|
width: 16px;
|
|
box-shadow: 0px 0px 1px #000;
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .sporadic .icon {
|
|
background-color: rgb(222, 226, 232);
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .away .icon {
|
|
background-color: rgb(102, 204, 255);
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .user-status .epoch-range {
|
|
float: right;
|
|
font-style: italic;
|
|
position: relative;
|
|
top: 24px;
|
|
right: 8px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .user-status .description {
|
|
position: relative;
|
|
left: 40px;
|
|
top: 0px;
|
|
width: 260px;
|
|
}
|
|
|
|
.conpherence-widget-pane #widgets-calendar .user-status .participant {
|
|
position: relative;
|
|
left: 40px;
|
|
top: 0px;
|
|
font-style: italic;
|
|
font-size: 11px;
|
|
width: 260px;
|
|
}
|