You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
metu.life/app/javascript/styles/mods/layout_singlecolumn.css

25 lines
668 B

/*
Single column layout:
- re-uses tab bar from mobile layout
- hides search from drawer (redundant with search tab)
author: trwnh
license: Public Domain
*/
@media (min-width: 1024px) {
/* place constraints on app layout */
.ui {max-width: 960px; max-height: 100vh;}
.drawer {width: 300px}
.column:last-child, .drawer:last-child
{display: flex; flex: 1 1 100%;}
/* show tabs bar (from mobile layout) as header */
.tabs-bar {display: flex;}
/* hide redundant ui elements */
.column,
.drawer__header,
.drawer:first-child .search,
.drawer:first-child .search-results
{display: none;}
.drawer:first-child .drawer__inner.darker {z-index: -1}
}