Worlio/worlio-themes
4
0
Fork 0
Code Issues Pull Requests Wiki Activity

Add support for fake link-based tabbed-container

Browse Source
This commit is contained in:
Wirlaburla 2023-07-18 22:42:03 -05:00
parent 37b928f3c6
commit 4d7274d016
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/tabbed-container.css
View File

@ -1,10 +1,12 @@
/* = TABBED CONTAINERS */ /* = TABBED CONTAINERS */
.tabbed-page,
.tabbed-container { .tabbed-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.tabbed-page .tablist,
.tabbed-container .tablist { .tabbed-container .tablist {
position: relative; position: relative;
bottom: -2px; bottom: -2px;
@ -15,6 +17,7 @@
overflow-y: hidden; overflow-y: hidden;
} }
.tabbed-page .tablist .tab,
.tabbed-container .tablist .tab, .tabbed-container .tablist .tab,
.tabbed-container .tablist .faketab { .tabbed-container .tablist .faketab {
cursor: pointer; cursor: pointer;
@ -26,6 +29,7 @@
text-decoration: none; text-decoration: none;
} }
.tabbed-page .tablist .tab,
.tabbed-container .tablist .tab, .tabbed-container .tablist .tab,
.tabbed-container .tablist .faketab { .tabbed-container .tablist .faketab {
background-color: var(--tab-inactive); background-color: var(--tab-inactive);
@ -44,6 +48,7 @@
vertical-align: middle; vertical-align: middle;
} }
.tabbed-page .tablist .tab.selected,
.tabbed-container .tablist .tab.selected, .tabbed-container .tablist .tab.selected,
.tabbed-container .tablist .faketab.selected { .tabbed-container .tablist .faketab.selected {
background: var(--tab-selected, #d3d3d3); background: var(--tab-selected, #d3d3d3);
@ -54,6 +59,7 @@
/*border-bottom: none;*/ /*border-bottom: none;*/
} }
.tabbed-page .box,
.tabbed-container .box, .tabbed-container .box,
.tabbed-container .dropdown { .tabbed-container .dropdown {
background-color: var(--tab-selected); background-color: var(--tab-selected);