CSS review for popup, closes #176 #177

dotclear · May 16, 2022 · e787ce8 · e787ce8
1 parent 694f7d5
commit e787ce8
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 4 deletions.
diff --git a/admin/style/default.css b/admin/style/default.css
@@ -494,6 +494,7 @@ h6 {
   --rch-table-expand-color: var(--body-color);
   --rch-table-expand-background: var(--body-background);
   --rch-table-expand-border: #ececec;
+  --rch-table-td-link: #bee74b;
   --badge-color: #fff;
   --badge-border: transparent;
   --badge-std-background: #d54e21;
@@ -762,6 +763,7 @@ h6 {
   --rch-table-expand-color: var(--body-color);
   --rch-table-expand-background: var(--body-background);
   --rch-table-expand-border-top: #ecedee;
+  --rch-table-td-link: #bee74b;
   --badge-color: #fff;
   --badge-border: var(--body-color);
   --badge-std-background: #d54e21;
@@ -1031,6 +1033,7 @@ h6 {
     --rch-table-expand-color: var(--body-color);
     --rch-table-expand-background: var(--body-background);
     --rch-table-expand-border-top: #ecedee;
+    --rch-table-td-link: #bee74b;
     --badge-color: #fff;
     --badge-border: var(--body-color);
     --badge-std-background: #d54e21;
@@ -1451,7 +1454,7 @@ h1,
     top: 10em; }
 
   .one-box,
-  .two-boxes,
+  body:not(.popup) .two-boxes,
   .box,
   .two-cols .col {
     width: 96%;
@@ -1547,6 +1550,11 @@ h1,
     margin-left: 0;
     margin-right: 0; }
 
+  body.popup .two-boxes {
+    width: 96%;
+    margin-left: 0;
+    margin-right: 0; }
+
   .box.current-theme {
     margin: 5px;
     width: 100%; }
@@ -2897,7 +2905,7 @@ td.expand {
 .rch td::before {
   display: none; }
 
-@media screen and (max-width: 62em), print and (max-width: 5in) {
+@media screen and (max-width: 43em), print and (max-width: 5in) {
   table.rch {
     display: block; }
     table.rch caption,

diff --git a/admin/style/scss/partials/_layout.scss b/admin/style/scss/partials/_layout.scss
@@ -444,7 +444,7 @@ h1,
   }
 
   .one-box,
-  .two-boxes,
+  body:not(.popup) .two-boxes,
   .box,
   .two-cols .col {
     width: 96%;
@@ -575,6 +575,12 @@ h1,
     margin-right: 0;
   }
 
+  body.popup .two-boxes {
+    width: 96%;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
   .box.current-theme {
     margin: 5px;
     width: 100%;

diff --git a/admin/style/scss/partials/_tables.scss b/admin/style/scss/partials/_tables.scss
@@ -143,7 +143,7 @@ td.expand {
   display: none;
 }
 
-@media screen and (max-width: $tablet-screen), print and (max-width: 5in) {
+@media screen and (max-width: $mobile-screen), print and (max-width: 5in) {
   table.rch {
     display: block;
 

diff --git a/admin/style/scss/themes/_dark.scss b/admin/style/scss/themes/_dark.scss
@@ -457,6 +457,7 @@
   --rch-table-expand-color: var(--body-color);
   --rch-table-expand-background: var(--body-background);
   --rch-table-expand-border-top: #{$gray-lighter};
+  --rch-table-td-link: #{$link-outline};
 
   // Utils
 

diff --git a/admin/style/scss/themes/_default.scss b/admin/style/scss/themes/_default.scss
@@ -457,6 +457,7 @@
   --rch-table-expand-color: var(--body-color);
   --rch-table-expand-background: var(--body-background);
   --rch-table-expand-border: #{$gray-lighter};
+  --rch-table-td-link: #{$link-outline};
 
   // Utils