From e5da1f532334a265e1b1c88d2a942e92654370d6 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Sun, 13 Jun 2021 00:14:38 +0200
Subject: 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/
---
theme/admin/rsrc/css/import/_responsive.scss | 19 +++++--------------
1 file changed, 5 insertions(+), 14 deletions(-)
(limited to 'theme/admin/rsrc/css/import')
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;
--
cgit v1.2.3