vict3459/Ekapp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed washing reservation bugs

Browse Source
This commit is contained in:
frederikpyt
2020-07-28 09:21:41 +02:00
parent 4eaf3de6d5
commit 282ac8e735
6 changed files with 85 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files
skolehjem/public/css/webapp.css
Vendored
+37 -29
View File
@@ -6669,13 +6669,6 @@ main {
width: 80px;
}
.header__btn:hover,
.header__btn:focus {
background: #005561;
transition: all 0.3s ease-in;
outline: none;
}
.header__btn .icon {
display: inline-block;
}
@@ -6712,25 +6705,22 @@ main {
color: #E9E8E8;
}
.calendar-container__btn:hover,
.calendar-container__btn:focus {
color: #9FAAB7;
transition: all 0.3s ease-in;
}
.calendar-container__title {
color: #222741;
font-size: 20px;
font-weight: 700;
}
.calendar-table__col.selected > .calendar-table__item {
color: white;
}
.calendar-table {
margin-top: 12px;
width: 100%;
}
.calendar-table__item {
border: 2px solid transparent;
border-radius: 50%;
color: #424588;
font-size: 12px;
@@ -6743,12 +6733,6 @@ main {
cursor: pointer;
}
.calendar-table__item:hover {
background: RGBA(0, 120, 138, 0.6);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
transition: 0.2s all ease-in;
}
.calendar-table__item:hover > span {
color: white;
}
@@ -6775,38 +6759,60 @@ main {
height: 18px;
}
@media (min-width: 360px) {
@media (min-width: 350px) {
.calendar-table__header .calendar-table__col {
width: 46px;
height: 20.7px;
}
}
@media (min-width: 410px) {
@media (min-width: 390px) {
.calendar-table__header .calendar-table__col {
width: 47.5px;
width: 56px;
height: 25.2px;
}
}
.calendar-table__body .calendar-table__col {
width: 40px;
height: 42px;
padding-bottom: 2px;
height: 40px;
border-radius: 50%;
}
@media (min-width: 360px) {
@media (min-width: 350px) {
.calendar-table__body .calendar-table__col {
width: 46px;
height: 24px;
height: 46px;
}
}
@media (min-width: 390px) {
.calendar-table__body .calendar-table__col {
width: 56px;
height: 56px;
}
}
@media (min-width: 410px) {
.calendar-table__body .calendar-table__col {
width: 54px;
width: 56px;
height: 56px;
}
}
@media (min-width: 460px) {
.calendar-table__body .calendar-table__col {
width: 61px;
height: 61px;
}
}
.calendar-table__body .calendar-table__col.selected {
background: #00788a;
transition: all 0.3s ease-in;
outline: none;
}
.calendar-table__today .calendar-table__item {
border-color: #FEFEFE;
background-color: #00788a;
@@ -6826,7 +6832,6 @@ main {
.calendar-table__event--long .calendar-table__item {
border-radius: 0;
border-width: 2px 0;
}
.calendar-table__event--start .calendar-table__item {
@@ -6872,7 +6877,10 @@ main {
}
.events-container {
display: flex;
flex-direction: column;
padding: 0 15px;
padding-bottom: 1rem;
}
.events__title {