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

updated mobile to show title above

Browse source
This commit is contained in:
Joe Lothan 2026-05-26 02:02:21 -04:00
parent 5d80e38249
commit 02437a677c
2 changed files with 56 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

52
frontend/index.html
View file

@ -191,9 +191,6 @@
min-width: 80px;
}
.browser-safari .tab .tab-icon {
display: none;
}
.browser-safari .tab:hover {
background: var(--tab-hover);
@ -208,9 +205,6 @@
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;
@ -303,17 +297,11 @@
border-radius: 8px;
}
.browser-safari .iframe-urlbar .url-title {
display: none;
}
.iframe-urlbar .tab-icon {
flex-shrink: 0;
}
.url-title-mobile {
display: none;
}
.iframe-urlbar .url-text {
font-size: 14px;
@ -342,26 +330,36 @@
min-width: 0;
}
/* Mobile: title above address bar */
@media (max-width: 640px) {
.iframe-toolbar {
flex-wrap: wrap;
}
.iframe-toolbar .url-title-mobile {
width: 100%;
font-size: 13px;
color: var(--text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 4px 4px;
order: -1;
}
.iframe-urlbar .url-title {
display: none;
}
}
/* Title bar above address bar — hidden on desktop (title goes in urlbar) */
.iframe-titlebar {
display: none;
padding: 6px 12px 2px;
background: var(--tab-bg);
font-size: 13px;
color: var(--text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 640px) {
.iframe-titlebar {
display: block;
text-align: center;
}
}
/* Paused marquee row */
.tab-row.paused {
animation-play-state: paused !important;
}
.iframe-close {
background: none;
border: none;
@ -379,7 +377,7 @@
.iframe-viewer iframe {
width: 100%;
height: calc(75vh - 56px);
height: calc(75vh - 78px);
border: none;
background: white;
}