diff options
| author | Thomas Lange <code@nerdmind.de> | 2021-06-13 00:14:38 +0200 |
|---|---|---|
| committer | Thomas Lange <code@nerdmind.de> | 2021-06-13 00:14:38 +0200 |
| commit | e5da1f532334a265e1b1c88d2a942e92654370d6 (patch) | |
| tree | a9dcd34ac032acbba2b2798d529d2f7dcf806c56 /theme/admin/rsrc/css/import | |
| parent | 78621a37ee08ecf4c9aa8faa42ddf2907a6ee406 (diff) | |
| download | blog-e5da1f532334a265e1b1c88d2a942e92654370d6.tar.gz blog-e5da1f532334a265e1b1c88d2a942e92654370d6.tar.xz blog-e5da1f532334a265e1b1c88d2a942e92654370d6.zip | |
Replace the flex layout in favor of a grid layout
This commit replaces the initial CSS flexbox layout for forms of the
admin theme with a more elegant approach called "grid layout". :)
Some interesting information:
https://www.w3schools.com/css/css_grid.asp
https://blog.logrocket.com/flexbox-vs-css-grid/
Diffstat (limited to 'theme/admin/rsrc/css/import')
| -rw-r--r-- | theme/admin/rsrc/css/import/_responsive.scss | 19 |
1 files changed, 5 insertions, 14 deletions
diff --git a/theme/admin/rsrc/css/import/_responsive.scss b/theme/admin/rsrc/css/import/_responsive.scss index a8275bf..2d3d62a 100644 --- a/theme/admin/rsrc/css/import/_responsive.scss +++ b/theme/admin/rsrc/css/import/_responsive.scss @@ -12,19 +12,6 @@ # Responsive Level #2 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ @media only screen and (max-width: 37.5em) { - .flex.flex-responsive { - display: block; - width: auto; - - > .flex-item { - width: 100%; - - + .flex-item { - border-top: 0.05rem solid #AAA; - } - } - } - #main-navi { font-size: 1rem; @@ -43,10 +30,14 @@ } } - .flex-emoticons { + #emoticon-list-wrapper { display: none; } + .form-grid { + grid-template-columns: auto auto; + } + .actions { float: none; display: flex; |