jessikitty/Disco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature: choose which noticeboard components to display with the link builder

Browse Source 
also restyle noticeboard using flex
This commit is contained in:
Gary Sharp
2025-01-22 17:58:45 +11:00
parent 50603210b0
commit dee54bb6d7
12 changed files with 601 additions and 456 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Disco.Web/ClientSource/Style/Public/HeldDevicesNoticeboard.css
+23 -23
View File
@@ -2714,16 +2714,15 @@ h4 {
div#page {
margin: 0px;
padding: 0px;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
header,
#header {
position: relative;
color: #fff;
background-color: #333;
margin: 0;
padding: 0;
height: 34px;
}
header #heading,
#header #heading {
@@ -2758,29 +2757,30 @@ header #credits i,
display: none;
}
#mainSection {
display: block;
position: relative;
height: calc(100% - 34px);
flex-grow: 1;
display: flex;
flex-direction: row;
padding: 6px 6px 0 6px;
gap: 6px;
}
#mainSection .list {
height: calc(100% - 25px);
float: left;
margin: 15px 0 0 6px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
#mainSection .list h3 {
font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
font-weight: lighter;
font-stretch: condensed;
text-transform: uppercase;
margin-left: 10px;
margin-bottom: 10px;
margin-left: 6px;
margin-bottom: 4px;
font-size: 1.4em;
height: 30px;
color: #fff;
}
#mainSection .list div.content {
height: calc(100% - 30px);
overflow: hidden;
flex-grow: 1;
}
#mainSection .list div.content div.noContent {
font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
@@ -2823,15 +2823,6 @@ header #credits i,
visibility: hidden;
font-size: 0;
}
#mainSection #inProcess {
width: calc(28% - 8px);
}
#mainSection #readyForReturn {
width: calc(36% - 8px);
}
#mainSection #waitingForUserAction {
width: calc(36% - 8px);
}
footer,
#footer {
position: absolute;
@@ -2866,6 +2857,15 @@ body.status-error #statusError span {
body.status-error #mainSection {
opacity: 0.3;
}
body.hide-inProcess #inProcess {
display: none !important;
}
body.hide-readyForReturn #readyForReturn {
display: none !important;
}
body.hide-waitingForUserAction #waitingForUserAction {
display: none !important;
}
/* Themes */
body.theme-default {
background: linear-gradient(to bottom, #165180, #1e6dab) left top repeat-x #1e6dab;