mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-11 16:16:14 +01:00
9d806b69cb
Summary: this diff does a few, not so exciting things - changes "conpher" to "conpherence" where it snuck into CSS, spritemap, etc -- I believe we now consistently call it conpherence. Feel free to change it, just change it everywhere. :D - puts the widget icons in the right order per M14 - makes the "mobile-only" widgets show the toggles only in the mobile view - also made it so clicking them does nothing for now - removes the tasks widget since we don't want it ...my time is getting chopped up funny (yay puppy) so this is just an attempt at something that can go into the codebase and not make it worse. Next up is making the widgets that show on desktop look right / not say "TODO" Test Plan: played around in Conpherence Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2530 Differential Revision: https://secure.phabricator.com/D5334
116 lines
2.3 KiB
CSS
116 lines
2.3 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;
|
|
}
|
|
|
|
.device-desktop .conpherence-widget-pane .widgets-header {
|
|
width: 196px;
|
|
margin: 0px auto 0px auto;
|
|
}
|
|
|
|
.conpherence-widget-pane .widgets-header .sprite-conpherence {
|
|
display: block;
|
|
width: 29px;
|
|
height: 33px;
|
|
margin: 4px 0px 0px 20px;
|
|
float: left;
|
|
clear: none;
|
|
}
|
|
|
|
.device-desktop .conpherence-widget-pane .widgets-header
|
|
#widgets-conpherence-list-toggle,
|
|
.device-desktop .conpherence-widget-pane .widgets-header
|
|
#widgets-conpherence-conversation-toggle {
|
|
display: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.conpherence-widget-pane .widget-icon {
|
|
display: block;
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.conpherence-widget-pane .phabricator-remarkup-embed-layout-link {
|
|
padding-bottom: 1px;
|
|
}
|