fraport/fradrive-old
fraport/fradrive-old
Archived
3
1
Fork 0
Code Issues 65 Pull Requests 5 Actions Packages Projects Releases 197 Wiki Activity

style(schedule): implement option button style

Browse Source
This commit is contained in:
Sarah Vaupel 2020-10-24 17:32:47 +02:00
parent 04341d2e49
commit fc238ab474
1 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/app.sass
View File

@ -1417,11 +1417,22 @@ table.schedule
a.schedule--entry-link + a.schedule--entry-link > .schedule--entry
margin-top: 5px
// form.schedule-options
text-align: center
div:first-child
border-top-left-radius: 20px 50%
border-bottom-left-radius: 20px 50%
div:last-child .btn-schedule-offset
border-top-right-radius: 20px 50%
border-bottom-right-radius: 20px 50%
form.schedule-options
--schedule-option-radius: 20px 50%
display: flex
justify-content: center
button[name=schedule-options]
height: 45px
white-space: nowrap
& > div:first-of-type
button[name=schedule-options]
border-top-left-radius: var(--schedule-option-radius)
border-bottom-left-radius: var(--schedule-option-radius)
& > div:last-of-type
button[name=schedule-options]
border-top-right-radius: var(--schedule-option-radius)
border-bottom-right-radius: var(--schedule-option-radius)