From 13c3d33ba9024ae3683b08484f2299e7522d41d8 Mon Sep 17 00:00:00 2001 From: Emir Date: Sun, 15 Nov 2020 15:38:33 +0300 Subject: [PATCH] add auto-shrink system for tabs --- mods/core/tabs.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/mods/core/tabs.css b/mods/core/tabs.css index 580cfb9..491940c 100644 --- a/mods/core/tabs.css +++ b/mods/core/tabs.css @@ -104,6 +104,17 @@ body, } #tabs { margin-top: auto; + flex-wrap: wrap; + display: flex; + align-items: center; +} +#tabs .tab:not(.new):not(.current) { + flex: 1 1 60px; + min-width: 60px; +} +#tabs button:nth-child(17) { + display: none; + opacity: 0; } #tabs .tab { display: inline-flex; @@ -122,7 +133,7 @@ body, border-radius: 3px; margin: 0 0.5em -0.16em 0.1em; } -#tabs .tab:first-child { +#tabs .tab:not(.new) { margin-top: 0.5em; } #tabs .tab:not(.new) span:not(.close) { @@ -153,6 +164,7 @@ body, background: none; border: none; margin-left: -0.1em; + margin-top: 0.3em; } #tabs .tab.new span { padding: 0 0.35em 0.1em 0.3em;