joe/everytab
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added windows styling

Browse source
This commit is contained in:
Joe Lothan 2026-05-26 00:04:01 -04:00
parent 54ea6a662c
commit 03f6406e18
1 changed files with 47 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

47
frontend/index.html
View file

@ -134,6 +134,53 @@
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
}
/* ── Windows Chrome / Edge — rounded top only, more angular ── */
.os-windows.browser-chrome .tab,
.os-windows.browser-edge .tab {
border-radius: 0;
margin: 3px 2px;
padding: 3px 12px;
height: 30px;
position: relative;
}
.os-windows.browser-chrome .tab::before,
.os-windows.browser-edge .tab::before {
content: "";
position: absolute;
left: -2px;
top: 25%;
height: 50%;
width: 1px;
background: var(--tab-border);
}
.os-windows.browser-chrome .tab:hover::before,
.os-windows.browser-chrome .tab-active::before,
.os-windows.browser-chrome .tab:hover + .tab::before,
.os-windows.browser-chrome .tab-active + .tab::before,
.os-windows.browser-edge .tab:hover::before,
.os-windows.browser-edge .tab-active::before,
.os-windows.browser-edge .tab:hover + .tab::before,
.os-windows.browser-edge .tab-active + .tab::before {
background: transparent;
}
.os-windows.browser-chrome .tab:hover,
.os-windows.browser-edge .tab:hover {
background: var(--tab-hover);
border-radius: 8px 8px 0 0;
}
.os-windows.browser-chrome .tab-active,
.os-windows.browser-chrome .tab-active:hover,
.os-windows.browser-edge .tab-active,
.os-windows.browser-edge .tab-active:hover {
background: var(--tab-bg);
border-radius: 8px 8px 0 0;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
}
/* ── Safari (Mac only) ── */
/* Compact, flat, evenly spaced, no icons on inactive tabs */
.browser-safari .tab {