OTSSigns/OTSSignsTheme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Refactor navbar styling in layout editor and update page title in layout designer

Browse Source
This commit is contained in:
Matt Batchelder
2026-04-10 20:32:49 -04:00
parent 8edcdedcd5
commit c4e26cc5b7
4 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ots-signs/css/override-dark.css
View File

@@ -162,7 +162,6 @@ table tbody tr:focus-within {
.navbar-default {
background: var(--ots-surface-2);
border: 1px solid var(--ots-border);
box-shadow: var(--ots-shadow-sm);
}
/* Horizontal nav mode: remove sidebar margins from #content-wrapper */

24
ots-signs/css/override.css
View File

@@ -809,7 +809,18 @@ html, body, #page-wrapper, .ots-main, .ots-content, .page-content {
padding: 0 !important;
}
/* --- 14b. Hide the page behind the editor (body class set by JS) --------- */
/* --- 14b. Layout editor: reset OTS navbar styling so Xibo's bundled editor CSS
controls the top bar appearance unimpeded. -------------------------------- */
body.editor-opened .navbar,
body.editor-opened .navbar-default,
#layout-editor .navbar,
#layout-editor .navbar-default {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* --- 14c. Hide the page behind the editor (body class set by JS) --------- */
body.ots-playlist-editor-active .ots-sidebar {
visibility: hidden !important;
}
@@ -4314,7 +4325,6 @@ body.ots-light-mode .ots-table-toolbar .btn-primary {
background-color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
transition: all 0.15s ease !important;
}
@@ -4322,7 +4332,6 @@ body.ots-light-mode .ots-table-toolbar .btn-primary {
#list_button:hover {
background-color: var(--color-primary-light) !important;
border-color: var(--color-primary-light) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
transform: translateY(-1px);
}
@@ -4344,39 +4353,33 @@ body.ots-light-mode .ots-table-toolbar .btn-primary {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.ots-table-toolbar .btn-success:hover {
background-color: #059669 !important;
border-color: #059669 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.ots-table-toolbar .btn-primary {
background-color: var(--ots-primary) !important;
border-color: var(--ots-primary) !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.ots-table-toolbar .btn-primary:hover {
background-color: var(--ots-primary) !important;
border-color: var(--ots-primary) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.ots-table-toolbar .btn-warning {
background-color: #f59e0b !important;
border-color: #f59e0b !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.ots-table-toolbar .btn-warning:hover {
background-color: #d97706 !important;
border-color: #d97706 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.ots-table-card .dataTables_wrapper,
@@ -4747,7 +4750,6 @@ body.ots-light-mode .ots-displays-page #datatable-container .XiboData table.data
.media-item:hover {
border-color: var(--color-primary);
box-shadow: 0 4px 12px rgba(var(--ots-primary-rgb), 0.2);
transform: translateY(-4px);
}
@@ -4880,7 +4882,6 @@ body.ots-light-mode .ots-displays-page #datatable-container .XiboData table.data
background-color: rgba(var(--ots-primary-rgb), 0.12) !important;
border-color: rgba(var(--ots-primary-rgb), 0.3) !important;
color: var(--color-primary-light) !important;
box-shadow: 0 2px 8px rgba(var(--ots-primary-rgb), 0.1) !important;
}
.btn-icon:active {
@@ -4905,7 +4906,6 @@ body.ots-light-mode .ots-displays-page #datatable-container .XiboData table.data
.btn-icon.btn-success:hover {
background-color: rgba(34, 197, 94, 0.15) !important;
border-color: rgba(34, 197, 94, 0.4) !important;
box-shadow: 0 2px 8px rgba(34, 197, 94, 0.1) !important;
}
/* ============================================================================