FreeDATA/gui/src/styles.css

118 lines
1.9 KiB
CSS
Raw Normal View History

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