Update RDTA to support new elements and update some styles.

* Add support new elements such as `<menu>` * Update style for `<meter>` to match all browsers.
Rundiz · Mar 7, 2022 · df9316e · df9316e
1 parent 24ff5ad
commit df9316e
Show file tree

Hide file tree

Showing 10 changed files with 38 additions and 23 deletions.
diff --git a/assets/css/rdta/rundiz-template-admin.css b/assets/css/rdta/rundiz-template-admin.css
diff --git a/assets/css/rdta/rundiz-template-admin.css.map b/assets/css/rdta/rundiz-template-admin.css.map
diff --git a/assets/css/rdta/rundiz-template-admin.min.css b/assets/css/rdta/rundiz-template-admin.min.css
diff --git a/assets/css/rdta/rundiz-template-admin.min.css.map b/assets/css/rdta/rundiz-template-admin.min.css.map
diff --git a/assets/css/rdta/typo-and-form/typo-and-form.css b/assets/css/rdta/typo-and-form/typo-and-form.css
diff --git a/assets/css/rdta/typo-and-form/typo-and-form.css.map b/assets/css/rdta/typo-and-form/typo-and-form.css.map
diff --git a/assets/css/rdta/typo-and-form/typo-and-form.min.css b/assets/css/rdta/typo-and-form/typo-and-form.min.css
diff --git a/assets/css/rdta/typo-and-form/typo-and-form.min.css.map b/assets/css/rdta/typo-and-form/typo-and-form.min.css.map
diff --git a/assets/scss/rdta/_button.scss b/assets/scss/rdta/_button.scss
@@ -114,7 +114,7 @@ a.rd-button,
 .rd-button-group {
     display: inline-flex;
     position: relative;
-    ul {
+    menu, ul {
         // it is dropdown within button
         display: none;
     }

diff --git a/assets/scss/rdta/typo-and-form/_typography.scss b/assets/scss/rdta/typo-and-form/_typography.scss
@@ -190,7 +190,10 @@ meter {
         // Chrome, Edge
         background-color: $background-color;
         background-image: none;
-        border: none;// (in Edge, it has border by default).
+        border: none;// (in Webkit, it has border by default).
+        border-radius: 0;
+        box-shadow: none;
+        height: 1em;
     }
 }
 
@@ -289,27 +292,32 @@ table {
 }
 
 
-ul, ol {
+menu, ul, ol {
     line-height: 1.6;
-    margin: 0 0 $content-block-element-margin-bottom 1.111em;
+    margin: 0 0 $content-block-element-margin-bottom 1.211em;
     padding: 0;
     li {
         margin: 0;
         padding: 0;
     }
 }
-ul li ul,
+menu li menu,
+menu li ul,
+menu li ol,
+ul li menu,
 ul li ol,
+ul li ul,
+ol li menu,
 ol li ol,
 ol li ul {
     margin-bottom: 0;
-    margin-left: 1.111em;
+    margin-left: 1.211em;
     margin-top: 0;
 }
 ol {
     list-style: decimal;
 }
-ul {
+menu, ul {
     list-style: disc;
 }