Selaa lähdekoodia

Add RWD support to text

Toby Chui 2 päivää sitten
vanhempi
commit
ef74ee0ec2
1 muutettua tiedostoa jossa 28 lisäystä ja 1 poistoa
  1. 28 1
      src/web/Text/index.html

+ 28 - 1
src/web/Text/index.html

@@ -323,7 +323,27 @@
         /* ── Responsive ───────────────────────────────────────────────────── */
         @media (max-width: 680px) {
             .tb-label, .tb-btn .tb-text { display: none; }
-            .tb-btn { padding: 0 7px; }
+                #toolbar {
+                    height: auto;
+                    padding: 6px;
+                    gap: 4px;
+                    flex-wrap: wrap;
+                    align-content: flex-start;
+                    justify-content: flex-start;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+                .tb-btn {
+                    min-width: 34px;
+                    min-height: 34px;
+                    padding: 0 9px;
+                }
+                .tb-select {
+                    height: 34px;
+                    max-width: 100%;
+                }
+                .tb-sep, .tb-spacer { display: none; }
+                .menu-wrap { display: inline-flex; }
             #settings-box { flex-direction: column; height: 92vh; }
             #settings-nav {
                 width: 100%; display: flex; gap: 4px; overflow-x: auto; padding: 8px;
@@ -336,6 +356,13 @@
             .set-ctl { align-self: flex-start; }
         }
 
+            @media (max-width: 480px) {
+                /*#sel-head {
+                     flex: 1 1 100%;
+                    width: 100% !important; 
+                }*/
+            }
+
         @media print {
             #toolbar, #statusbar, .overlay, #busy { display: none !important; }
             #editor-scroll { overflow: visible; }