Define semantic page action layouts
This commit is contained in:
@@ -99,6 +99,8 @@
|
||||
.action-toolbar-justify-end { justify-content: flex-end; }
|
||||
.action-toolbar-group-grow { flex: 1 1 auto; }
|
||||
.action-toolbar-spacer { flex: 1 1 auto; min-width: 8px; }
|
||||
.page-action-slot { min-width: 0; display: inline-flex; align-items: center; }
|
||||
.page-action-bar-trailing { flex: 0 1 auto; }
|
||||
.app-content { min-height: 0; overflow: hidden; }
|
||||
.workspace { height: 100%; min-height: 0; display: grid; grid-template-columns: 198px minmax(0, 1fr); }
|
||||
.workspace-layout-primary,
|
||||
@@ -355,6 +357,7 @@
|
||||
.action-toolbar-wrap-responsive { align-items: stretch; flex-wrap: wrap; }
|
||||
.action-toolbar-wrap-responsive > .action-toolbar-group { flex: 1 1 100%; }
|
||||
.action-toolbar-wrap-responsive > .action-toolbar-group-end { margin-inline-start: 0; justify-content: flex-start; }
|
||||
.page-action-bar.action-toolbar-wrap-responsive > .page-action-bar-trailing { justify-content: flex-end; }
|
||||
.filter-bar-wrap-responsive.filter-bar-layout-row { align-items: stretch; flex-wrap: wrap; }
|
||||
.filter-bar-wrap-responsive.filter-bar-layout-row > input:not([type="checkbox"]):not([type="radio"]),
|
||||
.filter-bar-wrap-responsive.filter-bar-layout-row > select { flex-basis: 100%; }
|
||||
|
||||
Reference in New Issue
Block a user