|
|
@@ -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; }
|