mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-11 08:06:13 +01:00
49af92e903
Summary: Ref T13552. Build the "commit list" elements so that the menu action items collapse under the element on mobile. Also change the mobile breakpoint to 512px because my Safari window can't go any narrower than 508px. Future changes to responsive design will be more content-aware anyway. Test Plan: Looked at commits in various interfaces, at desktop and mobile widths. Maniphest Tasks: T13552 Differential Revision: https://secure.phabricator.com/D21430
31 lines
670 B
CSS
31 lines
670 B
CSS
/**
|
|
* @provides fuel-grid-css
|
|
*/
|
|
|
|
.device-desktop .fuel-grid,
|
|
.device-tablet .fuel-grid-tablet > .fuel-grid {
|
|
display: table;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.device-desktop .fuel-grid-body,
|
|
.device-tablet .fuel-grid-tablet > .fuel-grid > .fuel-grid-body {
|
|
display: table-row-group;
|
|
}
|
|
|
|
.device-desktop .fuel-grid-row,
|
|
.device-tablet .fuel-grid-tablet > .fuel-grid > .fuel-grid-body >
|
|
.fuel-grid-row {
|
|
display: table-row;
|
|
}
|
|
|
|
.device-desktop .fuel-grid-cell,
|
|
.device-tablet .fuel-grid-tablet > .fuel-grid > .fuel-grid-body >
|
|
.fuel-grid-row > .fuel-grid-cell {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.fuel-grid-property-list > .fuel-grid {
|
|
width: 100%;
|
|
}
|