revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-18 10:41:08 +01:00
Code Issues Releases Wiki Activity

Collapse Dashboards to single column when durable present and narrow

Browse source 
Summary: Currently we punch down Dashboard columns on smaller displays. This adds another set of rules for if durable-column is present.

Test Plan: Test breakpoints at 1300 and 1000 pixel wide.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T7531

Differential Revision: https://secure.phabricator.com/D12056
This commit is contained in:
Chad Little 2015-03-14 09:14:50 -07:00
parent c19bb57730
commit 41875ce7b4
2 changed files with 40 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => 'efdeeb14', 'core.pkg.css' => '77dae995',
'core.pkg.js' => '31bc6546', 'core.pkg.js' => '31bc6546',
'darkconsole.pkg.js' => '8ab24e01', 'darkconsole.pkg.js' => '8ab24e01',
'differential.pkg.css' => '1940be3f', 'differential.pkg.css' => '1940be3f',
@ -21,7 +21,7 @@ return array(
'rsrc/css/aphront/dialog-view.css' => 'd2e76b88', 'rsrc/css/aphront/dialog-view.css' => 'd2e76b88',
'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d', 'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d',
'rsrc/css/aphront/list-filter-view.css' => '2ae43867', 'rsrc/css/aphront/list-filter-view.css' => '2ae43867',
'rsrc/css/aphront/multi-column.css' => '41a848c0', 'rsrc/css/aphront/multi-column.css' => 'fd18389d',
'rsrc/css/aphront/notification.css' => '9c279160', 'rsrc/css/aphront/notification.css' => '9c279160',
'rsrc/css/aphront/pager-view.css' => '2e3539af', 'rsrc/css/aphront/pager-view.css' => '2e3539af',
'rsrc/css/aphront/panel-view.css' => '8427b78d', 'rsrc/css/aphront/panel-view.css' => '8427b78d',
@ -501,7 +501,7 @@ return array(
'aphront-dark-console-css' => '6378ef3d', 'aphront-dark-console-css' => '6378ef3d',
'aphront-dialog-view-css' => 'd2e76b88', 'aphront-dialog-view-css' => 'd2e76b88',
'aphront-list-filter-view-css' => '2ae43867', 'aphront-list-filter-view-css' => '2ae43867',
'aphront-multi-column-view-css' => '41a848c0', 'aphront-multi-column-view-css' => 'fd18389d',
'aphront-pager-view-css' => '2e3539af', 'aphront-pager-view-css' => '2e3539af',
'aphront-panel-view-css' => '8427b78d', 'aphront-panel-view-css' => '8427b78d',
'aphront-table-view-css' => 'b22b7216', 'aphront-table-view-css' => 'b22b7216',

38
webroot/rsrc/css/aphront/multi-column.css
View file

@ -153,7 +153,7 @@
padding-bottom: 0; padding-bottom: 0;
} }
/* Make Dashboards reasonably display on homepage with narrow widths */ /* Make Dashboards reasonably display on homepage narrow widths */
@media (max-width: 1000px) { @media (max-width: 1000px) {
.device-desktop .dashboard-view .aphront-multi-column-inner { .device-desktop .dashboard-view .aphront-multi-column-inner {
display: block; display: block;
@ -182,3 +182,39 @@
margin: 0 0 16px; margin: 0 0 16px;
} }
} }
/* Make Dashboards with Durable reasonably display on homepage narrow widths */
@media (max-width: 1300px) {
.device-desktop.with-durable-column .dashboard-view
.aphront-multi-column-inner {
display: block;
width: auto;
}
.device-desktop.with-durable-column .dashboard-view
.aphront-multi-column-column-outer {
display: block;
border: none;
}
.device-desktop.with-durable-column .dashboard-view
.aphront-multi-column-column.mlr {
margin: 0;
}
.device-desktop.with-durable-column .dashboard-view
.aphront-multi-column-fluid .aphront-multi-column-2-up
.aphront-multi-column-column-outer.half {
width: auto;
margin: 0 0 16px;
}
.device-desktop.with-durable-column .dashboard-view
.aphront-multi-column-fluid .aphront-multi-column-2-up
.aphront-multi-column-column-outer.thirds {
width: auto;
margin: 0 0 16px;
}
.device-desktop.with-durable-column .dashboard-view
.aphront-multi-column-fluid .aphront-multi-column-2-up
.aphront-multi-column-column-outer.third {
width: auto;
margin: 0 0 16px;
}
}