XF/GIA
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Make tabs into island

Browse Source
This commit is contained in:
Mark Veidemanis
2026-03-12 22:37:54 +00:00
parent 12e02ac7ec
commit d148d59ec7
5 changed files with 80 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
core/static/css/gia-theme.css
View File

@@ -105,8 +105,15 @@ body .has-text-grey-light {
color: var(--gia-text);
}
.tabs.is-boxed a {
border-radius: 0;
.tabs.is-boxed a,
.tabs.is-boxed li a,
.tabs.is-boxed li:first-child a,
.tabs.is-boxed li:last-child a {
border-radius: 0 !important;
border-start-start-radius: 0 !important;
border-start-end-radius: 0 !important;
border-end-start-radius: 0 !important;
border-end-end-radius: 0 !important;
}
.modal-card-head,
@@ -313,7 +320,7 @@ body.gia-has-workspace > .section.gia-workspace-page {
box-sizing: border-box;
min-height: 0;
overflow: hidden;
padding: 1rem;
padding: 0.85rem 1rem 0.7rem;
}
.gia-workspace-shell {
@@ -321,14 +328,14 @@ body.gia-has-workspace > .section.gia-workspace-page {
min-height: 0;
display: flex;
flex-direction: column;
gap: 1rem;
gap: 0.55rem;
}
.gia-workspace-main {
flex: 1 1 auto;
min-height: 0;
display: flex;
gap: 1rem;
gap: 0.75rem;
align-items: stretch;
}
@@ -342,10 +349,10 @@ body.gia-has-workspace > .section.gia-workspace-page {
height: 100%;
min-height: 0;
overflow: hidden;
border-radius: 1rem;
border: 1px solid var(--gia-border);
background: var(--gia-surface-1);
box-shadow: var(--gia-shadow);
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.gia-snap-assistant {
@@ -393,26 +400,47 @@ body.gia-has-workspace > .section.gia-workspace-page {
.gia-taskbar {
flex: 0 0 auto;
margin: 0;
border: 1px solid var(--gia-border);
border-radius: 1rem;
background: var(--gia-surface-1);
box-shadow: var(--gia-shadow);
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
overflow-x: auto;
overflow-y: hidden;
padding: 0 0.35rem;
}
.gia-taskbar ul {
.gia-workspace-tabs {
margin: 0;
}
.gia-workspace-tabs ul {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
justify-content: flex-start;
}
.gia-taskbar li {
.gia-workspace-tabs li {
flex: 0 0 auto;
}
.gia-taskbar a {
.gia-workspace-tabs a {
display: flex;
align-items: center;
gap: 0.5rem;
white-space: nowrap;
border-radius: 0 !important;
border-start-start-radius: 0 !important;
border-start-end-radius: 0 !important;
border-end-start-radius: 0 !important;
border-end-end-radius: 0 !important;
}
.gia-workspace-launcher {
display: flex;
flex-direction: column;
gap: 0.35rem;
height: 100%;
}
.gia-taskbar li.is-active a {
@@ -443,9 +471,13 @@ html.gia-has-workspace-root {
.gia-widget-panel {
height: 100%;
margin-bottom: 0;
border-radius: 1rem;
display: flex;
flex-direction: column;
border-radius: 0.9rem;
border: 1px solid var(--gia-border);
background: var(--gia-surface-2);
box-shadow: var(--gia-shadow);
overflow: hidden;
}
.gia-widget-heading {
@@ -456,6 +488,8 @@ html.gia-has-workspace-root {
flex-wrap: wrap;
padding: 0.5rem 0.75rem;
line-height: 1.2;
border-bottom: 1px solid var(--gia-border);
background: var(--gia-surface-3);
}
.gia-widget-heading-main {
@@ -493,8 +527,8 @@ html.gia-has-workspace-root {
min-height: 0;
overflow: hidden;
padding: 0.75rem;
display: flex !important;
align-items: stretch !important;
display: flex;
align-items: stretch;
}
.gia-widget-control {