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

Compare commits

base: joe:03f6406e186e6629d4720532ff94a3b4b197d293
Branches Tags
joe:main
..
compare: joe:53205ab661700bdf7adb4552a443d2043264d5b0
Branches Tags
joe:main

No commits in common. "03f6406e186e6629d4720532ff94a3b4b197d293" and "53205ab661700bdf7adb4552a443d2043264d5b0" have entirely different histories.
03f6406e18 ... 53205ab661

1 changed files with 1 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

90
frontend/index.html
View file

@ -94,7 +94,7 @@
box-shadow: 0 1px 0 0 var(--tab-bg);
}
/* ── Chrome (Linux + Mac) ── */
/* ── Linux Chrome ── */
/* Inactive: always inset dimensions, separator via ::before */
.browser-chrome .tab {
border-radius: 8px;
@ -134,84 +134,6 @@
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 {
border-radius: 6px;
margin: 0 1px;
height: 28px;
padding: 4px 10px;
min-width: 80px;
}
.browser-safari .tab .tab-icon {
display: none;
}
.browser-safari .tab:hover {
background: var(--tab-hover);
border-radius: 6px;
}
/* Selected: subtle white pill, show icon */
.browser-safari .tab-active,
.browser-safari .tab-active:hover {
background: var(--tab-bg);
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.browser-safari .tab-active .tab-icon {
display: inline;
}
.tab-about .tab-title {
font-weight: 600;
}
@ -297,16 +219,6 @@
border-radius: 8px;
}
/* Safari: centered URL bar, more minimal */
.browser-safari .iframe-urlbar {
justify-content: center;
border-radius: 8px;
}
.browser-safari .iframe-urlbar .url-title {
display: none;
}
.iframe-urlbar .tab-icon {
flex-shrink: 0;
}