1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-05 05:02:44 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-workboard-view.css
Chad Little cb1f4ea721 Better CSS for mobile workboards
Summary: Fixes T8964 and a few other details. Cards float to 100%, headers too, policy moved to it's own line.

Test Plan: Mobile workboards at 320 and 360px wide.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8964

Differential Revision: https://secure.phabricator.com/D13722
2015-07-27 07:31:56 -07:00

146 lines
2.7 KiB
CSS

/**
* @provides phui-workboard-view-css
*/
.phui-workboard-view {
width: 100%;
}
.device-desktop .phui-workboard-view-shadow {
overflow-x: auto;
position: absolute;
top: 96px;
bottom: 0;
left: 0;
right: 0;
}
.device-desktop .page-has-warning .phui-workboard-view-shadow {
top: 132px;
}
.device-desktop.with-durable-column .phui-workboard-view-shadow {
right: 300px;
}
.device-desktop.with-durable-margin .phui-workboard-view-shadow {
right: 312px;
}
.phui-workboard-view-shadow::-webkit-scrollbar {
height: 12px;
width: 12px;
background: rgba(200,200,200,.6);
}
.phui-workboard-view-shadow::-webkit-scrollbar-thumb {
background: {$lightbluetext};
}
.phui-workboard-action-list {
width: 60px;
float: left;
min-height: 60px;
border-radius: 5px;
margin-right: 8px;
background: {$lightbluebackground};
border: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder};
}
.device-phone .phui-workboard-action-list {
width: 100%;
float: none;
display: block;
overflow: hidden;
border: none;
background: none;
border-radius: none;
min-height: 0;
}
.phui-workboard-action-list li:first-child {
padding-top: 5px;
}
.device-phone .phui-workboard-action-list li {
display: inline;
float: left;
margin: 0;
padding: 0 0 8px 0;
}
.phui-workboard-action-list .phui-icon-view {
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
margin: 0 4px 5px 5px;
}
.device-phone .phui-workboard-action-list .phui-icon-view {
background-size: 35px;
height: 35px;
width: 35px;
margin: 0 3px;
}
.device-desktop .project-board-wrapper .phui-workboard-view-shadow {
left: 53px;
}
.device-desktop .phui-workboard-view .aphront-multi-column-fixed
.aphront-multi-column-inner {
margin-left: 0;
}
.device-tablet .project-board-wrapper {
margin-left: 8px;
margin-right: 8px;
}
.project-board-header {
background-color: #fff;
border-bottom: 1px solid {$lightblueborder};
padding: 12px;
position: relative;
}
.device .project-board-header {
padding: 0;
}
.project-board-header .phui-header-shell {
padding: 0;
border-bottom: 1px solid {$blueborder};
}
.device .project-board-header .phui-header-shell {
padding: 8px;
}
.project-board-header .phui-header-header {
font-size: 18px;
}
.project-board-header .phui-header-subheader {
display: inline-block;
margin: 0;
padding: 0 8px;
}
.device-phone .project-board-header .phui-header-subheader {
display: block;
margin: 8px 0 2px 0;
padding: 0;
}
.device-desktop .phabricator-icon-nav.project-board-nav
.phabricator-nav-local {
margin-top: 64px;
}
.device-desktop .phabricator-icon-nav.project-board-nav
.phabricator-nav-content {
margin: 0;
}