mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-24 10:22:18 +00:00
Merge branch 'master' into feature-53938/StV_Tab_Noten_fertigstellen
This commit is contained in:
cgfhtw
@@ -0,0 +1,568 @@
|
||||
/* basic */
|
||||
@import '../components/searchbar/searchbar.css';
|
||||
html {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
/* variables */
|
||||
:root {
|
||||
--fhc-cis-primary: #00649c;
|
||||
--fhc-cis-header-px: 1rem;
|
||||
--fhc-cis-header-py: .5rem;
|
||||
--fhc-cis-main-px: 1.5rem;
|
||||
--fhc-cis-main-py: 1.5rem;
|
||||
--fhc-cis-menu-lvl-1-bg: #00649c;
|
||||
--fhc-cis-menu-lvl-1-color: #fff;
|
||||
--fhc-cis-menu-lvl-1-bg-hover: #005585;
|
||||
--fhc-cis-menu-lvl-1-color-hover: #fff;
|
||||
--fhc-cis-menu-lvl-2-bg: #343a40;
|
||||
--fhc-cis-menu-lvl-2-color: #fff;
|
||||
--fhc-cis-menu-lvl-2-bg-hover: #2c3136;
|
||||
--fhc-cis-menu-lvl-2-color-hover: #fff;
|
||||
--fhc-cis-menu-lvl-2-color-active: #292b2a;
|
||||
--fhc-cis-menu-lvl-3-bg: #72777A;
|
||||
--fhc-cis-menu-lvl-3-color: #fff;
|
||||
--fhc-cis-menu-lvl-3-bg-hover: #616568;
|
||||
--fhc-cis-menu-lvl-3-color-hover: #fff;
|
||||
--fhc-cis-menu-lvl-4-bg: #ced4da;
|
||||
--fhc-cis-menu-lvl-4-color: #000;
|
||||
--fhc-cis-menu-lvl-4-bg-hover: #d5dae0;
|
||||
--fhc-cis-menu-lvl-4-color-hover: #000;
|
||||
--fhc-cis-menu-lvl-5-bg: #e9ecef;
|
||||
--fhc-cis-menu-lvl-5-color: #000;
|
||||
--fhc-cis-menu-lvl-5-bg-hover: #eceff1;
|
||||
--fhc-cis-menu-lvl-5-color-hover: #000;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
:root {
|
||||
--fhc-cis-menu-width: 250px;
|
||||
--fhc-cis-header-height: 60px;
|
||||
--fhc-cis-menu-bg: #72777A;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
:root {
|
||||
--fhc-cis-menu-width: 400px;
|
||||
--fhc-cis-header-height: 40px;
|
||||
--fhc-cis-menu-bg: #343a40;
|
||||
}
|
||||
}
|
||||
|
||||
/* buttons */
|
||||
#cis-header .btn-level-1,
|
||||
#cis-header .btn-level-1 + .btn,
|
||||
#cis-nav .btn-level-1,
|
||||
#cis-nav .btn-level-1 + .btn {
|
||||
color: var(--fhc-cis-menu-lvl-1-color);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-1-border); */
|
||||
background-color: var(--fhc-cis-menu-lvl-1-bg);
|
||||
}
|
||||
#cis-header .btn-level-1:hover, #cis-header .btn-level-1:focus,
|
||||
#cis-header .btn-level-1 + .btn:hover,
|
||||
#cis-header .btn-level-1 + .btn:focus,
|
||||
#cis-nav .btn-level-1:hover,
|
||||
#cis-nav .btn-level-1:focus,
|
||||
#cis-nav .btn-level-1 + .btn:hover,
|
||||
#cis-nav .btn-level-1 + .btn:focus {
|
||||
color: var(--fhc-cis-menu-lvl-1-color-hover);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-1-border-hover); */
|
||||
background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
|
||||
}
|
||||
|
||||
/* makes the dropdown button darker for level1*/
|
||||
#cis-header .btn-level-1+.btn:not(.btn-level-1){
|
||||
background-color:var(--fhc-cis-menu-lvl-1-bg-hover) !important;
|
||||
}
|
||||
/* makes the dropdown button darker for level2*/
|
||||
#cis-header .btn-level-2+.btn:not(.btn-level-2){
|
||||
background-color: var(--fhc-cis-menu-lvl-2-bg-hover) !important;
|
||||
}
|
||||
/* makes the dropdown button darker for level3*/
|
||||
#cis-header .btn-level-3+.btn:not(.btn-level-3){
|
||||
background-color: var(--fhc-cis-menu-lvl-3-bg-hover) !important;
|
||||
}
|
||||
/* makes the dropdown button darker for level4*/
|
||||
#cis-header .btn-level-4+.btn:not(.btn-level-4){
|
||||
background-color: var(--fhc-cis-menu-lvl-4-bg-hover) !important;
|
||||
}
|
||||
/* makes the dropdown button darker for level5*/
|
||||
#cis-header .btn-level-5+.btn:not(.btn-level-5){
|
||||
background-color: var(--fhc-cis-menu-lvl-5-bg-hover) !important;
|
||||
}
|
||||
|
||||
#cis-header .btn-level-2,
|
||||
#cis-header .btn-level-2 + .btn,
|
||||
#cis-nav .btn-level-2,
|
||||
#cis-nav .btn-level-2 + .btn {
|
||||
color: var(--fhc-cis-menu-lvl-2-color);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-2-border); */
|
||||
background-color: var(--fhc-cis-menu-lvl-2-bg);
|
||||
}
|
||||
#cis-header .btn-level-2:hover, #cis-header .btn-level-2:focus,
|
||||
#cis-header .btn-level-2 + .btn:hover,
|
||||
#cis-header .btn-level-2 + .btn:focus,
|
||||
#cis-nav .btn-level-2:hover,
|
||||
#cis-nav .btn-level-2:focus,
|
||||
#cis-nav .btn-level-2 + .btn:hover,
|
||||
#cis-nav .btn-level-2 + .btn:focus {
|
||||
color: var(--fhc-cis-menu-lvl-2-color-hover);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-2-border-hover); */
|
||||
background-color: var(--fhc-cis-menu-lvl-2-bg-hover);
|
||||
}
|
||||
#cis-header .btn-level-3,
|
||||
#cis-header .btn-level-3 + .btn,
|
||||
#cis-nav .btn-level-3,
|
||||
#cis-nav .btn-level-3 + .btn {
|
||||
color: var(--fhc-cis-menu-lvl-3-color);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-3-border); */
|
||||
background-color: var(--fhc-cis-menu-lvl-3-bg);
|
||||
}
|
||||
#cis-header .btn-level-3:hover, #cis-header .btn-level-3:focus,
|
||||
#cis-header .btn-level-3 + .btn:hover,
|
||||
#cis-header .btn-level-3 + .btn:focus,
|
||||
#cis-nav .btn-level-3:hover,
|
||||
#cis-nav .btn-level-3:focus,
|
||||
#cis-nav .btn-level-3 + .btn:hover,
|
||||
#cis-nav .btn-level-3 + .btn:focus {
|
||||
color: var(--fhc-cis-menu-lvl-3-color-hover);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-3-border-hover); */
|
||||
background-color: var(--fhc-cis-menu-lvl-3-bg-hover);
|
||||
}
|
||||
#cis-header .btn-level-4,
|
||||
#cis-header .btn-level-4 + .btn,
|
||||
#cis-nav .btn-level-4,
|
||||
#cis-nav .btn-level-4 + .btn {
|
||||
color: var(--fhc-cis-menu-lvl-4-color);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-4-border); */
|
||||
background-color: var(--fhc-cis-menu-lvl-4-bg);
|
||||
}
|
||||
#cis-header .btn-level-4:hover, #cis-header .btn-level-4:focus,
|
||||
#cis-header .btn-level-4 + .btn:hover,
|
||||
#cis-header .btn-level-4 + .btn:focus,
|
||||
#cis-nav .btn-level-4:hover,
|
||||
#cis-nav .btn-level-4:focus,
|
||||
#cis-nav .btn-level-4 + .btn:hover,
|
||||
#cis-nav .btn-level-4 + .btn:focus {
|
||||
color: var(--fhc-cis-menu-lvl-4-color-hover);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-4-border-hover); */
|
||||
background-color: var(--fhc-cis-menu-lvl-4-bg-hover);
|
||||
}
|
||||
#cis-header .btn-level-5,
|
||||
#cis-header .btn-level-5 + .btn,
|
||||
#cis-nav .btn-level-5,
|
||||
#cis-nav .btn-level-5 + .btn {
|
||||
color: var(--fhc-cis-menu-lvl-5-color);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-5-border); */
|
||||
background-color: var(--fhc-cis-menu-lvl-5-bg);
|
||||
}
|
||||
#cis-header .btn-level-5:hover, #cis-header .btn-level-5:focus,
|
||||
#cis-header .btn-level-5 + .btn:hover,
|
||||
#cis-header .btn-level-5 + .btn:focus,
|
||||
#cis-nav .btn-level-5:hover,
|
||||
#cis-nav .btn-level-5:focus,
|
||||
#cis-nav .btn-level-5 + .btn:hover,
|
||||
#cis-nav .btn-level-5 + .btn:focus {
|
||||
color: var(--fhc-cis-menu-lvl-5-color-hover);
|
||||
/* border-color: var(--fhc-cis-menu-lvl-5-border-hover); */
|
||||
background-color: var(--fhc-cis-menu-lvl-5-bg-hover);
|
||||
}
|
||||
#cis-header .btn.dropdown-toggle,
|
||||
#cis-nav .btn.dropdown-toggle {
|
||||
padding-right: 0.5625rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
#cis-header .btn.dropdown-toggle:after,
|
||||
#cis-nav .btn.dropdown-toggle:after {
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
#cis-header .btn.dropdown-toggle.collapsed:after,
|
||||
#cis-nav .btn.dropdown-toggle.collapsed:after {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
#nav-sprachen{
|
||||
transition: none;
|
||||
}
|
||||
|
||||
/* searchbar */
|
||||
#nav-search {
|
||||
z-index: 1;
|
||||
}
|
||||
#nav-search.me-3 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
#nav-search > .input-group {
|
||||
margin: 0 !important;
|
||||
}
|
||||
#nav-search > .input-group > * {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
#nav-search .searchbar_results {
|
||||
top: 100% !important;
|
||||
left: 0;
|
||||
right: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* frame */
|
||||
.in-frame {
|
||||
--fhc-cis-header-height: 0;
|
||||
}
|
||||
.in-frame #cis-header,
|
||||
.in-frame .hide-in-frame {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#cis-main {
|
||||
padding: var(--fhc-cis-main-py) var(--fhc-cis-main-px);
|
||||
}
|
||||
|
||||
#nav-main-sticky {
|
||||
max-height: calc(100vh - var(--fhc-cis-header-height));
|
||||
}
|
||||
|
||||
#nav-user-menu img {
|
||||
object-fit: cover;
|
||||
height: calc( 3 * var(--fhc-cis-header-py));
|
||||
}
|
||||
|
||||
#fhc-languages {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#fhc-languages .btn {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.fhc-active {
|
||||
background-color: var(--fhc-cis-menu-lvl-2-color-active) !important;
|
||||
}
|
||||
|
||||
.fhc-seperator {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fhc-seperator::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: 12.5%;
|
||||
width: 75%; /* Full width of the parent element */
|
||||
height: 1px; /* Height of the border */
|
||||
background: linear-gradient(to right, #ffffff, var(--fhc-cis-primary), #ffffff);
|
||||
opacity: 0.8; /* Adjust opacity for a subtle fade effect */
|
||||
}
|
||||
|
||||
/* desktop */
|
||||
@media (min-width: 992px) {
|
||||
body {
|
||||
display: flex;
|
||||
padding-top: var(--fhc-cis-header-height);
|
||||
width: calc(100svw - var(--scrollbar-width, 0px));
|
||||
/* overflow: visible !important; */
|
||||
}
|
||||
#cis-header {
|
||||
z-index: 10;
|
||||
}
|
||||
#cis-header nav {
|
||||
position: initial;
|
||||
transform: none;
|
||||
width: auto;
|
||||
visibility: visible !important;
|
||||
height: 100%;
|
||||
transition: none;
|
||||
border-right: none;
|
||||
min-height: calc(100vh - var(--fhc-cis-header-height));
|
||||
}
|
||||
#nav-main-btn {
|
||||
display: none;
|
||||
}
|
||||
#nav-logo {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: var(--fhc-cis-header-height);
|
||||
width: var(--fhc-cis-menu-width);
|
||||
background-color: var(--fhc-cis-primary);
|
||||
padding: var(--fhc-cis-header-py) var(--fhc-cis-header-px);
|
||||
z-index: 2;
|
||||
}
|
||||
#nav-logo img {
|
||||
object-fit: contain;
|
||||
object-position: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#nav-main-sticky {
|
||||
position: sticky;
|
||||
top: var(--fhc-cis-header-height);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
#nav-main-sticky > :not(#nav-main-toggle) {
|
||||
overflow: auto;
|
||||
}
|
||||
#nav-main-toggle {
|
||||
width: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
#nav-main-toggle .btn,
|
||||
#nav-main-toggle .fa-arrow-circle-left {
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
#nav-main-toggle .collapsed.btn {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#nav-main-toggle .collapsed .fa-arrow-circle-left {
|
||||
transform: scaleX(-1);
|
||||
color: var(--bs-dark);
|
||||
}
|
||||
#nav-search {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: var(--fhc-cis-menu-width);
|
||||
height: var(--fhc-cis-header-height);
|
||||
right: calc(var(--fhc-cis-header-height) + 2 * var(--fhc-cis-header-px) - 2 * var(--fhc-cis-header-py));
|
||||
width: auto !important;
|
||||
}
|
||||
#nav-user {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
#nav-user-btn {
|
||||
border-width: 0;
|
||||
padding: var(--fhc-cis-header-py) var(--fhc-cis-header-px);
|
||||
background-color: var(--fhc-cis-primary);
|
||||
}
|
||||
#nav-user-btn img {
|
||||
object-fit: cover;
|
||||
height: calc(var(--fhc-cis-header-height) - 2 * var(--fhc-cis-header-py));
|
||||
width: calc(var(--fhc-cis-header-height) - 2 * var(--fhc-cis-header-py));
|
||||
}
|
||||
#nav-user-menu {
|
||||
position: absolute;
|
||||
min-width: var(--fhc-cis-menu-width);
|
||||
background-color: var(--fhc-cis-menu-lvl-2-bg);
|
||||
}
|
||||
|
||||
#nav-user-menu img {
|
||||
object-fit: cover;
|
||||
height: calc( 3 * var(--fhc-cis-header-py));
|
||||
}
|
||||
|
||||
#fhc-languages {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#fhc-languages .btn {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#nav-main-menu {
|
||||
height: 100%;
|
||||
background-color: var(--fhc-cis-menu-bg);
|
||||
}
|
||||
#nav-main-menu > div {
|
||||
width: var(--fhc-cis-menu-width);
|
||||
}
|
||||
}
|
||||
/* mobile */
|
||||
@media (max-width: 991.98px) {
|
||||
#cis-main{
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
#cis-main > :first-child {
|
||||
margin-top: var(--fhc-cis-header-height);
|
||||
}
|
||||
#cis-header {
|
||||
background-color: var(--fhc-cis-primary);
|
||||
height: var(--fhc-cis-header-height);
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
z-index: 10;
|
||||
}
|
||||
#cis-header nav {
|
||||
top: var(--fhc-cis-header-height);
|
||||
background-color: var(--fhc-cis-menu-bg);
|
||||
border-right: none;
|
||||
min-height: calc(100vh - var(--fhc-cis-header-height));
|
||||
}
|
||||
#nav-logo img {
|
||||
height: var(--fhc-cis-header-height);
|
||||
width: auto;
|
||||
}
|
||||
#nav-main-sticky {
|
||||
overflow: auto;
|
||||
}
|
||||
#nav-search {
|
||||
position: relative;
|
||||
}
|
||||
#nav-user{
|
||||
position: relative;
|
||||
}
|
||||
#nav-user-btn {
|
||||
|
||||
}
|
||||
#nav-user-btn img {
|
||||
object-fit: cover;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
}
|
||||
#nav-user-menu {
|
||||
position: absolute;
|
||||
background-color: var(--fhc-cis-menu-lvl-2-bg);
|
||||
}
|
||||
#nav-main-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
/* Typography */
|
||||
.fhc-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: end;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.fhc-header > h1 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.fhc-header > h1 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
.fhc-header > h1 > small {
|
||||
color: #6c757d;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.fhc-header > h1 > small:before {
|
||||
content: " | ";
|
||||
}
|
||||
.fhc-header > a {
|
||||
margin-bottom: 0.5rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
.fhc-header > a:after {
|
||||
color: var(--bs-body-color);
|
||||
content: "\f059";
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: var(--fa-display, inline-block);
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-rendering: auto;
|
||||
font-family: var(--fa-style-family, "Font Awesome 6 Free");
|
||||
font-weight: var(--fa-style, 900);
|
||||
margin-inline-start: 0.5rem;
|
||||
}
|
||||
|
||||
[disabled="true"].fhc-entry {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
background-color: #dadada !important;
|
||||
color: black !important;
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
-webkit-user-select: none;/* Safari */
|
||||
-khtml-user-select: none;/* Konqueror HTML */
|
||||
-moz-user-select: none;/* Old versions of Firefox */
|
||||
-ms-user-select: none;/* Internet Explorer/Edge */
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.fhc-entry:hover{
|
||||
background-color:#005585 !important;
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.fhc-entry.btn:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.fhc-entry.btn {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.fhc-entry {
|
||||
transition-property: background,color;
|
||||
transition-duration: 0.3s,0.2s;
|
||||
transition-timing-function: ease-out,ease-out;
|
||||
}
|
||||
|
||||
[selected].fhc-entry {
|
||||
background-color: #00649C !important;
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 767px ) {
|
||||
#nav-search {
|
||||
position: static;
|
||||
}
|
||||
|
||||
#nav-search .searchbar_results {
|
||||
top: 100%;
|
||||
width: 98vw !important;
|
||||
left: 1vw !important;
|
||||
right: 1vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 576px ) {
|
||||
.searchbar_icon img {
|
||||
max-width: 65px !important;
|
||||
}
|
||||
|
||||
.searchbar_icon i {
|
||||
font-size: 3em !important;
|
||||
}
|
||||
|
||||
.searchbar_grid {
|
||||
grid-template-columns: [icon] 75px [data] auto;
|
||||
}
|
||||
|
||||
.searchbar_table,
|
||||
.searchbar_tablerow,
|
||||
.searchbar_tablecell {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.searchbar_tablecell.searchbar_label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.searchbar_tablecell.searchbar_value {
|
||||
padding-left: 2.5rem;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
}
|
||||
|
||||
/* classes used for the Vue <Transition> component*/
|
||||
.v-enter-active,
|
||||
.v-leave-active {
|
||||
transition: opacity 0.2s ease-out;
|
||||
}
|
||||
|
||||
.v-enter-from,
|
||||
.v-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.height-enter-active,
|
||||
.height-leave-active {
|
||||
transition: height 0.3s ease-out;
|
||||
}
|
||||
|
||||
.height-enter-from,
|
||||
.height-leave-to {
|
||||
height: 0px;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,4 @@
|
||||
iframe {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
@import './Fhc.css';
|
||||
@import './components/searchbar.css';
|
||||
@import './components/searchbar/searchbar.css';
|
||||
@import './components/verticalsplit.css';
|
||||
@import './components/FilterComponent.css';
|
||||
@import './components/Tabs.css';
|
||||
|
||||
@@ -39,10 +39,92 @@
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
/* classes for rows that are not selectable in the tabulator, except for rows that are used for calculation */
|
||||
.tabulator-row.tabulator-unselectable:not(.tabulator-calcs) {
|
||||
color: #adb5bd !important;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
.tabulator-row.tabulator-unselectable a {
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
/* using bootstrap background classes to style the background color of tabulator rows */
|
||||
/* bg-warning */
|
||||
/* odd-rows */
|
||||
.tabulator-headers .tabulator-frozen.bg-warning,
|
||||
.tabulator-row.tabulator-row-odd .tabulator-frozen.bg-warning,
|
||||
.tabulator-row.tabulator-row-odd .tabulator-cell.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
|
||||
}
|
||||
/* even-rows */
|
||||
.tabulator-headers .tabulator-frozen.bg-warning,
|
||||
.tabulator-row.tabulator-row-even .tabulator-frozen.bg-warning,
|
||||
.tabulator-row.tabulator-row-even .tabulator-cell.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
|
||||
}
|
||||
|
||||
/* bg-success */
|
||||
/* odd-rows */
|
||||
.tabulator-headers .tabulator-frozen.bg-success,
|
||||
.tabulator-row.tabulator-row-odd .tabulator-frozen.bg-success,
|
||||
.tabulator-row.tabulator-row-odd .tabulator-cell.bg-success {
|
||||
background-color: #dff0d8;
|
||||
|
||||
}
|
||||
/* even-rows */
|
||||
.tabulator-headers .tabulator-frozen.bg-success,
|
||||
.tabulator-row.tabulator-row-even .tabulator-frozen.bg-success,
|
||||
.tabulator-row.tabulator-row-even .tabulator-cell.bg-success {
|
||||
background-color: #dff0d8;
|
||||
|
||||
}
|
||||
|
||||
/* bg-info */
|
||||
/* odd-rows */
|
||||
.tabulator-headers .tabulator-frozen.bg-info,
|
||||
.tabulator-row.tabulator-row-odd .tabulator-frozen.bg-info,
|
||||
.tabulator-row.tabulator-row-odd .tabulator-cell.bg-info {
|
||||
background-color: #d9edf7;
|
||||
|
||||
}
|
||||
/* even-rows */
|
||||
.tabulator-headers .tabulator-frozen.bg-info,
|
||||
.tabulator-row.tabulator-row-even .tabulator-frozen.bg-info,
|
||||
.tabulator-row.tabulator-row-even .tabulator-cell.bg-info {
|
||||
background-color: #d9edf7;
|
||||
|
||||
}
|
||||
|
||||
/* special bootstrap5 styling for tableWidget and their accordion-item ::after content */
|
||||
.accordion-button::after{
|
||||
content:none !important;
|
||||
}
|
||||
|
||||
|
||||
.tabulator {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.tabulator-initialfontsize .tabulator {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tabulator-row.tabulator-unselectable .tabulator-cell {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.tabulator-tooltip {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.tabulator-row.tabulator-unselectable:not(.tabulator-calcs) {
|
||||
color: #777 !important;
|
||||
}
|
||||
|
||||
.tabulator-cell .btn {
|
||||
padding: 0 .375rem;
|
||||
font-size: calc(1rem - 2px / 1.5); /* substract border (2 x 1px) modified by the line-height (1.5) */
|
||||
@@ -56,6 +138,16 @@
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.btn-select-col-selected
|
||||
{
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.accordion-item-dark, .accordion-item-dark:focus{
|
||||
background-color:#CED4DA !important;
|
||||
border-color:#ADB5BD !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Make keyboard-focused list items look like the mouse-hovered list items
|
||||
@@ -63,4 +155,4 @@
|
||||
.tabulator-edit-list .tabulator-edit-list-item.focused {
|
||||
color: #fff;
|
||||
background: #1d68cd;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -64,6 +64,7 @@ h6, .h6 {
|
||||
|
||||
.tabulator {
|
||||
font-size: var(--bs-body-font-size);
|
||||
|
||||
}
|
||||
|
||||
.fhc-container .tabulator {
|
||||
@@ -93,7 +94,60 @@ h6, .h6 {
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
|
||||
/* using bootstrap background classes to style the background color of tabulator rows */
|
||||
/* bg-warning */
|
||||
/* odd-rows */
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-odd .tabulator-frozen.bg-warning,
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-odd .tabulator-cell.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
|
||||
}
|
||||
/* even-rows */
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-even .tabulator-frozen.bg-warning,
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-even .tabulator-cell.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
|
||||
}
|
||||
|
||||
/* bg-success */
|
||||
/* odd-rows */
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-odd .tabulator-frozen.bg-success,
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-odd .tabulator-cell.bg-success {
|
||||
background-color: #dff0d8;
|
||||
|
||||
}
|
||||
/* even-rows */
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-even .tabulator-frozen.bg-success,
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-even .tabulator-cell.bg-success {
|
||||
background-color: #dff0d8;
|
||||
|
||||
}
|
||||
|
||||
/* bg-info */
|
||||
/* odd-rows */
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-odd .tabulator-frozen.bg-info,
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-odd .tabulator-cell.bg-info {
|
||||
background-color: #d9edf7;
|
||||
|
||||
}
|
||||
/* even-rows */
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-even .tabulator-frozen.bg-info,
|
||||
.fhc-container .tabulator .tabulator-row.tabulator-row-even .tabulator-cell.bg-info {
|
||||
background-color: #d9edf7;
|
||||
|
||||
}
|
||||
|
||||
.fhc-container .tabulator .tabulator-col,
|
||||
.fhc-container .tabulator .tabulator-cell {
|
||||
border-right: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
/* lehrauftrag begin */
|
||||
.bg-success-bs3 {
|
||||
background-color: #dff0d8 !important;
|
||||
}
|
||||
.bg-warning-bs3 {
|
||||
background-color: #fcf8e3 !important;
|
||||
}
|
||||
/* lehrauftrag end */
|
||||
@@ -0,0 +1,35 @@
|
||||
/* FORM UNDERLINE
|
||||
*/
|
||||
.form-underline{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form-underline .form-underline-content{
|
||||
border-width: 1px;
|
||||
border-color: transparent transparent #dee2e6 transparent;
|
||||
border-style: solid;
|
||||
padding-bottom: 0.25rem;
|
||||
padding-left: 0.5rem;
|
||||
|
||||
/*optional not wrapping text that is horizontally scrollable and does not display a scrollbar */
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
|
||||
}
|
||||
|
||||
.form-underline .form-underline-content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-underline .form-underline-titel{
|
||||
opacity: 0.65;
|
||||
font-size: .85rem;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.unavailable, .unavailable:hover{
|
||||
color: #565e647f !important;
|
||||
cursor: default;
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
|
||||
|
||||
|
||||
|
||||
.image-lock{
|
||||
height:22px;
|
||||
width:21px;
|
||||
background-color:white;
|
||||
position:absolute;
|
||||
/* top: 1px is important, otherwise it goes over the border of the thumbnail*/
|
||||
top:1px;
|
||||
right:12px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.tabulator-collapsed-row{
|
||||
padding:15px;
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
|
||||
.tabulator-col{
|
||||
justify-content:center !important;
|
||||
}
|
||||
|
||||
.tabulator-responsive-collapse{
|
||||
padding:0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btn-circle {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 6px 0px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
line-height: 1.42857;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,230 @@
|
||||
:root{
|
||||
--fhc-calendar-pane-height: calc(100vh - 220px);
|
||||
}
|
||||
|
||||
.fhc-calendar-week-page-header {
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
|
||||
.fhc-calendar-week-page-header > div:hover{
|
||||
background-color: #dddfe2;
|
||||
}
|
||||
|
||||
.fhc-calendar-months .col-4,
|
||||
.fhc-calendar-years .col-4 {
|
||||
padding: 0.1875em 0;
|
||||
}
|
||||
.show-weeks .fhc-calendar-months .col-4,
|
||||
.show-weeks .fhc-calendar-years .col-4 {
|
||||
padding: 0.1875em 0.25em;
|
||||
}
|
||||
.fhc-calendar-months .col-4 button,
|
||||
.fhc-calendar-years .col-4 button {
|
||||
aspect-ratio: 28/18;
|
||||
}
|
||||
|
||||
.fhc-calendar-month-page {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
grid-template-rows: 1.5em repeat(6, 1fr);
|
||||
}
|
||||
.fhc-calendar-month-page.show-weeks {
|
||||
grid-template-columns: 1.5em repeat(7, 1fr);
|
||||
grid-template-rows: 1.5em repeat(6, 1fr);
|
||||
}
|
||||
|
||||
.fhc-calendar-month-page-weekday,
|
||||
.fhc-calendar-month-page-day {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fhc-calendar-week .carousel-item {
|
||||
/*padding: 0.75em;*/
|
||||
}
|
||||
|
||||
.fhc-calendar-week-page {
|
||||
/*aspect-ratio: 7/6;*/
|
||||
min-height: 0;
|
||||
}
|
||||
.fhc-calendar-week-page > div {
|
||||
/*transform: translate(-0.75em, -0.75em);*/
|
||||
/*width: calc(100% + 1.5em);*/
|
||||
height: calc(100% + 1.5em);
|
||||
}
|
||||
.fhc-calendar-week-page > div > div {
|
||||
padding-left: 3em;
|
||||
}
|
||||
.fhc-calendar-week-page .events {
|
||||
display: grid;
|
||||
grid-template-columns: 3em repeat(7, 1fr);
|
||||
margin-left: -3em;
|
||||
/*min-height: 266.6666666667%;*/
|
||||
}
|
||||
.fhc-calendar-week-page .events .day {
|
||||
gap: 1px;
|
||||
}
|
||||
.fhc-calendar-week-page .events .hours, .fhc-calendar-week-page .events .day {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
/* grid hour lines of the Stundenplan use box-shadow instead of border because box-shadow renders consistently on different viewports*/
|
||||
.box-shadow-border-top{
|
||||
box-shadow: 0 0 0 1px #dee2e6 !important;
|
||||
}
|
||||
|
||||
.fhc-calendar-no-events-overlay{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fhc-calendar-no-events-overlay::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin:auto;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(120deg, white, gray );
|
||||
opacity: .7;
|
||||
}
|
||||
.fhc-calendar-day-page {
|
||||
/*aspect-ratio: 7/6;*/
|
||||
min-height: 0;
|
||||
}
|
||||
.fhc-calendar-day-page > div {
|
||||
/*transform: translate(-0.75em, -0.75em);*/
|
||||
/*width: calc(100% + 1.5em);*/
|
||||
height: calc(100% + 1.5em);
|
||||
}
|
||||
.fhc-calendar-day-page .flex-column > .flex-grow-1 {
|
||||
padding-left: 3em;
|
||||
}
|
||||
.fhc-calendar-day-page .flex-column {
|
||||
border-right: 1px solid #dee2e6;
|
||||
}
|
||||
.fhc-calendar-day-page .events {
|
||||
display: grid;
|
||||
grid-template-columns: 3em 1fr;
|
||||
margin-left: -3em;
|
||||
/*min-height: 266.6666666667%;*/
|
||||
}
|
||||
.fhc-calendar-day-page .events .day {
|
||||
gap: 1px;
|
||||
}
|
||||
.fhc-calendar-day-page .events .hours, .fhc-calendar-day-page .events .day {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.fhc-calendar-lg .fhc-calendar-month-page-day,
|
||||
.fhc-calendar-lg .fhc-calendar-month-page-weekday,
|
||||
.fhc-calendar-md .fhc-calendar-month-page-day,
|
||||
.fhc-calendar-md .fhc-calendar-month-page-weekday {
|
||||
border: solid 1px #dee2e6;
|
||||
}
|
||||
.fhc-calendar-lg .fhc-calendar-month-page-day,
|
||||
.fhc-calendar-md .fhc-calendar-month-page-day {
|
||||
aspect-ratio: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.fhc-calendar-lg .fhc-calendar-month-page-day.active,
|
||||
.fhc-calendar-md .fhc-calendar-month-page-day.active {
|
||||
border-color: var(--bs-secondary);
|
||||
}
|
||||
.fhc-calendar-lg .fhc-calendar-month-page-day .events,
|
||||
.fhc-calendar-md .fhc-calendar-month-page-day .events {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
.fhc-calendar-lg .fhc-calendar-month-page-day .events span,
|
||||
.fhc-calendar-md .fhc-calendar-month-page-day .events span {
|
||||
display: block;
|
||||
margin: 0.2em;
|
||||
padding: 0.1em 0.4em;
|
||||
border-radius: 0.1em;
|
||||
}
|
||||
.fhc-calendar-lg .fhc-calendar-years .col-4,
|
||||
.fhc-calendar-md .fhc-calendar-years .col-4 {
|
||||
padding: 0.09375em 0;
|
||||
}
|
||||
.show-weeks .fhc-calendar-lg .fhc-calendar-years .col-4,
|
||||
.show-weeks .fhc-calendar-md .fhc-calendar-years .col-4 {
|
||||
padding: 0.09375em 0.25em;
|
||||
}
|
||||
.fhc-calendar-lg .fhc-calendar-years .col-4 button,
|
||||
.fhc-calendar-md .fhc-calendar-years .col-4 button {
|
||||
aspect-ratio: 28/9;
|
||||
}
|
||||
|
||||
.fhc-calendar-xs {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.fhc-calendar-sm .fhc-calendar-month-page {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-weekday,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-weekday {
|
||||
font-style: italic;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
.fhc-calendar-month-page-weekday:hover {
|
||||
background-color:#37789c;
|
||||
color:white;
|
||||
|
||||
}
|
||||
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-day,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-day {
|
||||
position: relative;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
.fhc-calendar-month-page-day-highlight {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-day.active .no,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-day.active .no {
|
||||
background-color: rgba(var(--bs-info-rgb), 0.25);
|
||||
border-radius: 50%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-day:not(.active):hover .no,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-day:not(.active):hover .no {
|
||||
background-color: rgba(var(--bs-secondary-rgb), 0.25);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-day .no,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-day .no {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
margin: 10%;
|
||||
}
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-day .events,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-day .events {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
height: 10%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
.fhc-calendar-sm .fhc-calendar-month-page-day .events span,
|
||||
.fhc-calendar-xs .fhc-calendar-month-page-day .events span {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.selectedEvent {
|
||||
background-color: #00649c !important;
|
||||
color: white;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
@import './calendar.css';
|
||||
@import './dashboard/news.css';
|
||||
|
||||
.empty-tile-hover {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-500 -500 1448 1512"><path fill="rgb(211, 211, 211,0.35)" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></svg>');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.empty-tile-hover:hover {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-500 -500 1448 1512"><path fill="rgb(211, 211, 211)" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></svg>');
|
||||
}
|
||||
|
||||
.alert-danger .form-check-input:checked {
|
||||
border-color: #842029;
|
||||
background-color: #842029;
|
||||
}
|
||||
|
||||
:root {
|
||||
--fhc-dashboard-grid-size: 4;
|
||||
}
|
||||
@media(max-width: 577px) {
|
||||
:root {
|
||||
--fhc-dashboard-grid-size: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.mirror-x {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.cursor-nw-resize {
|
||||
cursor: nw-resize;
|
||||
}
|
||||
.cursor-move {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
:root{
|
||||
--news-widget-height: 1;
|
||||
}
|
||||
|
||||
.widgets-news img
|
||||
{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.fhc-news-menu-item {
|
||||
padding: 0.375rem;
|
||||
color: var(--fhc-cis-menu-lvl-1-color);
|
||||
min-height: 5%;
|
||||
max-height: 30%;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #00649c;
|
||||
border: 1px solid #f1f1f1;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition */
|
||||
}
|
||||
|
||||
.fhc-news-menu-item:hover {
|
||||
background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
|
||||
border-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.fhc-news-menu-item:active {
|
||||
background-color: var(--fhc-cis-menu-lvl-1-color-hover);
|
||||
border-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.fhc-news-menu-item.selected {
|
||||
background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
|
||||
border-right: 2px solid #fff;
|
||||
|
||||
}
|
||||
|
||||
.fhc-news-menu-item:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fhc-news-menu-item-betreff
|
||||
{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
max-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fhc-news-menu-item-date {
|
||||
text-align: end;
|
||||
width: 100%;
|
||||
max-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fhc-carousel .carousel-item {
|
||||
transition: transform 0.375s ease-in-out, opacity 0.75s ease-in-out;
|
||||
}
|
||||
|
||||
.fhc-carousel .carousel-item-next,
|
||||
.fhc-carousel .carousel-item-prev {
|
||||
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
|
||||
}
|
||||
|
||||
.fhc-carousel .carousel-item-start,
|
||||
.fhc-carousel .carousel-item-end {
|
||||
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
|
||||
}
|
||||
+26
-5
@@ -3,12 +3,17 @@
|
||||
Author : bambi
|
||||
*/
|
||||
|
||||
@import url(./switches.css);
|
||||
|
||||
#search-filter{
|
||||
border: 1px solid #ced4da;
|
||||
}
|
||||
|
||||
|
||||
.searchbar_settings {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
background-color: #fff;
|
||||
border: 2px solid #666;
|
||||
padding: 1rem;
|
||||
background-color: #343a40;
|
||||
}
|
||||
|
||||
.searchbar_results {
|
||||
@@ -16,12 +21,17 @@
|
||||
z-index: 9998;
|
||||
background-color: #fff;
|
||||
border: 1px solid lightgrey;
|
||||
padding: 1rem;
|
||||
overflow-y: auto;
|
||||
padding: .5rem;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
.searchbar_results_scroller {
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
.searchbar_result {
|
||||
@@ -92,4 +102,15 @@
|
||||
|
||||
.searchbar_inline_ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.non-selectable {
|
||||
user-select: none;
|
||||
-webkit-user-select: none; /* Safari */
|
||||
-moz-user-select: none; /* Firefox */
|
||||
-ms-user-select: none; /* IE/Edge */
|
||||
}
|
||||
|
||||
.searchbar_inaktiv {
|
||||
opacity: .6;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.fhc-switches:checked {
|
||||
background-color: white !important;
|
||||
border-color: white !important;
|
||||
background-position: right center !important;
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000000'/%3e%3c/svg%3e") !important;
|
||||
}
|
||||
|
||||
.fhc-switches {
|
||||
background-color: var(--bs-gray-600) !important;
|
||||
border-color: var(--bs-gray-600) !important;
|
||||
background-position: left center !important;
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238e99a3'/%3e%3c/svg%3e") !important;
|
||||
}
|
||||
|
||||
.fhc-switches:focus {
|
||||
box-shadow: 0 0 0 .25rem rgba(108, 117, 125,.25);
|
||||
}
|
||||
|
||||
/*.form-switch .form-check-input:checked {
|
||||
|
||||
|
||||
rgb(52, 58, 64)*/
|
||||
|
||||
@@ -1,7 +1,73 @@
|
||||
|
||||
.btn-w200
|
||||
{
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.btn-mr5
|
||||
{
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.select-w500 {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.pl-15 {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-secondary-subtle{
|
||||
background-color: #E9ECEF !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #DEE2E6 !important;
|
||||
}
|
||||
|
||||
.bg-info-subtle{
|
||||
background-color: #D9EDF7 !important;
|
||||
color: #31708F !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #BCE8F1 !important;
|
||||
}
|
||||
|
||||
.bg-warning-subtle{
|
||||
background-color: #FFF3CD !important;
|
||||
color: #664D03 !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #FFE69C !important;
|
||||
}
|
||||
|
||||
.bg-success-subtle{
|
||||
background-color: #D1E7DD !important;
|
||||
color: #0A3622 !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #A3CFBB !important;
|
||||
}
|
||||
|
||||
.bg-danger-subtle{
|
||||
background-color: #F8D7DA !important;
|
||||
color: #672B31 !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #F1AEB5 !important;
|
||||
}
|
||||
|
||||
.bg-primary-subtle{
|
||||
background-color: #CFE2FF !important;
|
||||
color: #052C65 !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #9EC5FE !important;
|
||||
}
|
||||
|
||||
|
||||
/* html attribute disabled and title don't work together, sets the pointer-event to auto in order to see the title toolip */
|
||||
.btn:disabled {
|
||||
pointer-events: auto !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,100 @@
|
||||
.tag {
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
margin-right: 5px;
|
||||
border-radius: 3px;
|
||||
color: white;
|
||||
font-size: .75em;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.tag:hover
|
||||
{
|
||||
transform: scale(1.15);
|
||||
}
|
||||
|
||||
.tag_rot {
|
||||
background-color: #ff0000ff;
|
||||
}
|
||||
|
||||
.tag_gelb {
|
||||
background-color: #ffff00ff;
|
||||
color: black;
|
||||
}
|
||||
.tag_gruen {
|
||||
background-color: #008000ff;
|
||||
}
|
||||
|
||||
.tag_rosa {
|
||||
background-color: #FFC1C1;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.tag_aprikose {
|
||||
background-color: #4f7596;
|
||||
}
|
||||
|
||||
.tag_pfirsich {
|
||||
background-color: #a15f95;
|
||||
}
|
||||
|
||||
.tag_orange {
|
||||
background-color: #ffA500ff;
|
||||
}
|
||||
|
||||
|
||||
.tag_braun {
|
||||
background-color: #6d4c41;
|
||||
}
|
||||
|
||||
.tag_blau {
|
||||
background-color: #508498;
|
||||
}
|
||||
|
||||
.tag_lavendel {
|
||||
background-color: #C7A3FF;
|
||||
}
|
||||
|
||||
.tag_limette {
|
||||
background-color: #D3FFCE;
|
||||
}
|
||||
|
||||
.tag_done {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.display_all {
|
||||
background-color: darkgrey !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dropdown_list {
|
||||
list-style: none;
|
||||
background-color: white;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
padding: 10px 10px 10px;
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.plus_button_container.disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.modificationdate {
|
||||
font-style: italic;
|
||||
font-size: 0.7em;
|
||||
text-align: left;
|
||||
}
|
||||
Reference in New Issue
Block a user