SVS_Public_Repo/SAMY
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update samy.css

Browse Source
This commit is contained in:
Stephan Yelle
2025-12-05 12:26:13 -05:00
parent b287fa116d
commit 8ca5f91125
1 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
samy.css
View File

@@ -200,7 +200,7 @@ body {
margin-bottom: 8px; margin-bottom: 8px;
} }
/* Inputs / buttons in password and dropdown areas */ /* Datto password + site dropdown (On-Boarding) */
#PasswordContainer, #PasswordContainer,
#dattoRmmContainer { #dattoRmmContainer {
margin: 16px 0; margin: 16px 0;
@@ -209,15 +209,34 @@ body {
background-color: var(--dark-gray-color); background-color: var(--dark-gray-color);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
/* Never wider than the stack column, but cap at 520px on big screens */ /* Narrower so it fits under the stack column */
width: calc(25% - 10px); width: calc(25% - 10px);
max-width: 480px; max-width: 480px;
} }
/* Printer panels on Devices tab */
#printerPasswordContainer,
#printerClientContainer,
#printerListContainer {
margin: 16px 0;
padding: 10px 12px;
border-radius: 8px;
background-color: var(--dark-gray-color);
border: 1px solid var(--border-color);
/* Full width in the Devices tab */
width: 100%;
max-width: 600px;
}
#PasswordContainer input, #PasswordContainer input,
#PasswordContainer button, #PasswordContainer button,
#dattoRmmContainer select { #dattoRmmContainer select,
#printerPasswordContainer input,
#printerPasswordContainer button,
#printerClientContainer select {
background-color: var(--dark-gray-color); background-color: var(--dark-gray-color);
color: var(--white-color); color: var(--white-color);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
@@ -226,19 +245,22 @@ body {
font-size: 14px; font-size: 14px;
} }
/* Password row: input + GO button on one line */ /* Input + GO button inline rows */
#PasswordContainer > div { #PasswordContainer > div,
#printerPasswordContainer > div {
display: flex; display: flex;
gap: 6px; gap: 6px;
} }
#PasswordContainer input { #PasswordContainer input,
#printerPasswordContainer input {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
/* Dropdown fills the whole panel width */ /* Dropdown fills panel width */
#dattoRmmContainer select { #dattoRmmContainer select,
#printerClientContainer select {
width: 100%; width: 100%;
} }