From 206c347838d9ae15cb159f5737db8d68a1ee8cf5 Mon Sep 17 00:00:00 2001
From: Emir <31805948+admiraldus@users.noreply.github.com>
Date: Mon, 16 Nov 2020 03:32:32 +0300
Subject: [PATCH] add auto-shrink system for tabs (#262)

* add auto-shrink system for tabs

* decrease tab limit and minimum width of non-current 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..41c53fb 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 30px;
+  min-width: 30px;
+}
+#tabs button:nth-child(16) {
+  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;