FreeDATA/gui/src/styles.css
2023-10-22 22:23:23 +00:00

117 lines
1.9 KiB
CSS

/* disable scrolling in main window */
body {
padding-right: 0px !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
}
/*Progress bars with centered text*/
.progress {
position: relative;
transform: translateZ(0);
}
.progress span {
position: absolute;
display: block;
width: 100%;
color: black;
}
/* smooth scrolling */
html {
scroll-behavior: smooth;
}
/* hide scrollbar in callsign list */
#callsignlist::-webkit-scrollbar {
display: none;
}
#chatModuleMessage {
resize: none;
}
#expand_textarea_label {
border: 0;
padding: 1px;
}
/* fixed border table header */
.tableFixHead {
overflow: auto;
height: 90vh;
}
.tableFixHead thead th {
position: sticky;
top: 0;
z-index: 1;
}
table {
border-collapse: collapse;
width: 100%;
}
th,
td {
padding: 8px 16px;
}
th {
background: #eee;
}
/* ------ emoji picker customization --------- */
.picker {
border-radius: 10px;
}
/* force gpu usage
https://stackoverflow.com/questions/13176746/css-keyframe-animation-cpu-usage-is-high-should-it-be-this-way/13293044#13293044
*/
.force-gpu {
transform: translateZ(0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
will-change: transform;
}
/* force disable transition effects
https://stackoverflow.com/a/9622873
*/
.disable-effects {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/* image overlay */
.image-overlay:hover {
opacity: 0.75 !important;
transition: 0.5s;
}
/* theme area */
/* default light theme mods */
[data-bs-theme="light"] {
.card-header {
background-color: var(--bs-card-cap-bg);
/*--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.3);*/
}
}
/* default dark theme mods */
[data-bs-theme="dark"] {
/* default dark theme mods */
}
.modal-backdrop {
background-color: transparent;
}
.modal-backdrop.in {
filter: alpha(opacity=10);
opacity: 0.1;
}