mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-21 01:38:48 +02:00
f8ff590360
Summary: Currently, the thread list is in a standard side nav, but that makes it awkward to render (rendering logic needs to live in the base controller) and gives it some bad beahviors (like autohiding on mobile). Instead, move it into its own view and make it a little more custom. Ref T2421. Test Plan: {F38098} Reviewers: btrahan Reviewed By: btrahan CC: aran, chad Maniphest Tasks: T2421 Differential Revision: https://secure.phabricator.com/D5504
102 lines
1.8 KiB
CSS
102 lines
1.8 KiB
CSS
/**
|
|
* @provides conpherence-header-pane-css
|
|
*/
|
|
|
|
.conpherence-header-pane {
|
|
border-bottom: 1px solid #ccc;
|
|
height: 80px;
|
|
width: 100%;
|
|
}
|
|
|
|
.device .conpherence-header-pane {
|
|
position: fixed;
|
|
top: 44px;
|
|
}
|
|
|
|
.device-phone .conpherence-header-pane {
|
|
display: none;
|
|
}
|
|
|
|
.conpherence-header-pane .edit {
|
|
float: right;
|
|
margin: 16px 16px 0px 0px;
|
|
height: 50px;
|
|
width: 50px;
|
|
background-image: url('/rsrc/image/actions/edit.png');
|
|
}
|
|
|
|
.conpherence-header-pane .header-image {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 15px;
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
|
|
.conpherence-header-pane .custom-header-image {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 80px;
|
|
width: 120px;
|
|
}
|
|
|
|
.conpherence-header-pane .title {
|
|
position: relative;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
left: 77px;
|
|
top: 21px;
|
|
max-width: 80%;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.conpherence-header-pane .custom-title {
|
|
position: relative;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
left: 132px;
|
|
top: 21px;
|
|
max-width: 80%;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.conpherence-header-pane .subtitle {
|
|
position: relative;
|
|
left: 77px;
|
|
top: 21px;
|
|
color: #bfbfbf;
|
|
max-width: 80%;
|
|
}
|
|
|
|
.conpherence-header-pane .custom-subtitle {
|
|
position: relative;
|
|
left: 132px;
|
|
top: 21px;
|
|
color: #bfbfbf;
|
|
max-width: 80%;
|
|
}
|
|
|
|
.conpherence-header-pane .upload-photo {
|
|
display: none;
|
|
}
|
|
|
|
.conpherence-header-upload-photo .upload-photo {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 32px;
|
|
font-size: 16px;
|
|
background: #99ff99;
|
|
border-color: #669966;
|
|
}
|
|
|
|
.conpherence-header-upload-photo .edit,
|
|
.conpherence-header-upload-photo .header-image,
|
|
.conpherence-header-upload-photo .custom-header-image,
|
|
.conpherence-header-upload-photo .title,
|
|
.conpherence-header-upload-photo .custom-title,
|
|
.conpherence-header-upload-photo .subtitle,
|
|
.conpherence-header-upload-photo .custom-subtitle {
|
|
display: none;
|
|
}
|
|
|