dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 13:19:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

add auto-shrink system for tabs (#262)

Browse Source 
* add auto-shrink system for tabs

* decrease tab limit and minimum width of non-current tabs
This commit is contained in:
Emir 2020-11-16 03:32:32 +03:00 committed by GitHub
parent 5c151f133b
commit 206c347838
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
mods/core/tabs.css
View File

@ -104,6 +104,17 @@ body,
} }
#tabs { #tabs {
margin-top: auto; 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 { #tabs .tab {
display: inline-flex; display: inline-flex;
@ -122,7 +133,7 @@ body,
border-radius: 3px; border-radius: 3px;
margin: 0 0.5em -0.16em 0.1em; margin: 0 0.5em -0.16em 0.1em;
} }
#tabs .tab:first-child { #tabs .tab:not(.new) {
margin-top: 0.5em; margin-top: 0.5em;
} }
#tabs .tab:not(.new) span:not(.close) { #tabs .tab:not(.new) span:not(.close) {
@ -153,6 +164,7 @@ body,
background: none; background: none;
border: none; border: none;
margin-left: -0.1em; margin-left: -0.1em;
margin-top: 0.3em;
} }
#tabs .tab.new span { #tabs .tab.new span {
padding: 0 0.35em 0.1em 0.3em; padding: 0 0.35em 0.1em 0.3em;