kif/portal
10
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

V3 von Brett her + constraints update

Browse source
This commit is contained in:
Lars Westermann 2019-06-10 16:05:24 +02:00
parent afbced61e3
commit 23e042b90c
Signed by: lars.westermann
GPG key ID: 9D417FA5BB9D5E1D
16 changed files with 323 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/jsMain/resources/style/components/_board.scss
View file

@ -25,7 +25,7 @@
}
&:last-child {
width: 30%;
width: 29%;
float: right;
}
}
@ -41,7 +41,7 @@
}
.board-content {
top: 8rem !important;
top: 9rem !important;
bottom: 0;
height: auto !important;
}
@ -59,15 +59,22 @@
}
.board-running {
column-count: 2;
display: flex;
flex-wrap: wrap;
}
.board-schedule {
line-height: 1.3rem;
line-height: 2rem;
height: 2rem;
min-width: 10rem;
display: flex;
border-bottom: solid 1px var(--table-border-color)
border-bottom: solid 1px var(--table-border-color);
width: calc(50% - 1rem);
margin-left: 1rem;
&:nth-last-child(1), &:nth-last-child(2) {
border-bottom: none;
}
}
.board-schedule-color {
@ -76,25 +83,33 @@
span {
display: block;
background-color: var(--primary-color);
width: 0.8rem;
height: 0.8rem;
border-radius: 100%;
margin-top: 0.1rem;
width: 0.5rem;
height: 1rem;
margin-top: 0.5rem;
margin-left: 0.3rem;
}
}
.board-schedule-time {
width: 7rem;
color: var(--text-secondary-color)
width: 8rem;
color: var(--text-secondary-color);
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}
.board-schedule-name {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.board-schedule-room {
width: 4rem;
width: 8rem;
text-align: right;
color: var(--text-secondary-color)
color: var(--text-secondary-color);
overflow: hidden;
text-overflow: ellipsis;
}
.board-calendar {
@ -108,10 +123,12 @@
.calendar-table-box {
width: 100%;
}
.calendar-row {
width: 100% !important;
height: 0.7rem !important;
}
.calendar-cell {
&:not(:first-child) {
flex-grow: 1;
@ -119,6 +136,7 @@
flex-basis: 0;
}
}
.calendar-entry::after {
content: none;
}
@ -128,13 +146,25 @@
position: absolute;
line-height: 2rem;
font-size: 2rem;
top: 50%;
margin-top: -1rem;
top: 0;
left: 8rem;
padding: 1.8rem 0;
span {
display: block;
}
.board-header-date-time {
font-size: 2rem;
}
.board-header-date-date {
font-size: 1.2rem;
}
}
.board-twitter {
& > * {
margin-top: -1px !important;
}
& > * {
margin-top: -1px !important;
}
}

27
src/jsMain/resources/style/components/_calendar.scss
View file

@ -611,3 +611,30 @@
}
}
}
.calendar-errors {
position: absolute;
top: 100%;
margin-top: 0.2rem;
left: 0;
background-color: var(--background-primary-color);
color: var(--text-secondary-color);
border-radius: $border-radius;
display: none;
z-index: 10;
width: max-content;
border: solid 1px var(--input-border-color);
box-shadow: 0 0.1rem 0.2rem var(--shadow-color);
span {
display: block;
padding: 0 0.5rem;
}
}
.calendar-entry.error {
.calendar-errors {
display: block;
}
}

4
src/jsMain/resources/style/components/_menu.scss
View file

@ -75,7 +75,7 @@
display: none;
position: absolute;
background-color: var(--background-secondary-color);
z-index: 5;
z-index: 10;
left: 0;
right: 0;
@ -106,6 +106,7 @@
&:hover {
.menu-content {
display: block;
border-bottom: solid 1px var(--table-border-color);
}
}
}
@ -121,6 +122,7 @@
position: static;
background-color: transparent;
z-index: unset;
border-bottom: none !important;
a {
display: inline-block;

44
src/jsMain/resources/style/components/_wall.scss
View file

@ -14,6 +14,7 @@
height: calc(33.3333% - 1rem);
overflow: hidden;
border-bottom: solid 2px var(--input-border-color);
position: relative;
&:first-child {
height: calc(33.3333% + 2rem);
@ -50,6 +51,7 @@
.calendar-body {
display: flex;
width: calc(100vw - 9.6rem);
}
.calendar-row {
@ -64,12 +66,27 @@
flex-grow: 1;
flex-shrink: 1;
line-height: 2rem;
width: 100%;
width: 100% !important;
&:first-child {
padding-left: 0 !important;
span {
padding-left: 0.2rem;
position: absolute;
top: 0;
left: 0;
}
}
}
.calendar-header {
.calendar-cell {
overflow: hidden;
text-overflow: ellipsis;
span {
padding: 0 0.2rem;
}
}
}
}
@ -77,9 +94,34 @@
.wall-calendar {
margin-top: 0 !important;
height: 100% !important;
width: calc(100% - 2.4rem);
margin-left: 2.4rem;
.calendar-table {
overflow: hidden;
padding: 0;
}
}
.wall-name {
position: absolute;
left: 0;
top: 0;
width: 2.4rem;
height: 100%;
border-right: solid 1px var(--table-border-color);
span {
display: block;
position: absolute;
transform: rotate(-90deg);
width: 10rem;
line-height: 2.4rem;
text-align: center;
transform-origin: center;
left: 50%;
top: 50%;
margin-left: -5rem;
margin-top: -1.2rem;
}
}