121 lines
3.3 KiB
Sass
121 lines
3.3 KiB
Sass
@use '../../styles/tools'
|
|
@use '../../styles/settings'
|
|
@use './variables' as *
|
|
|
|
@include tools.layer('components')
|
|
.v-calendar-weekly
|
|
background-color: $calendar-background
|
|
color: $calendar-on-background
|
|
border-top: $calendar-outline-color $calendar-line-width solid
|
|
border-left: $calendar-outline-color $calendar-line-width solid
|
|
|
|
.v-calendar-weekly__head-weekday
|
|
border-right: $calendar-grid-color $calendar-line-width solid
|
|
|
|
&.v-past
|
|
color: $calendar-past-color
|
|
|
|
&.v-outside
|
|
background-color: $calendar-outside-background
|
|
color: $calendar-on-outside-background
|
|
|
|
.v-calendar-weekly__head-weeknumber
|
|
background-color: $calendar-weeknumber-background
|
|
color: $calendar-on-weeknumber-background
|
|
border-right: $calendar-grid-color $calendar-line-width solid
|
|
|
|
.v-calendar-weekly__day
|
|
border-right: $calendar-grid-color $calendar-line-width solid
|
|
border-bottom: $calendar-grid-color $calendar-line-width solid
|
|
|
|
&.v-outside
|
|
background-color: $calendar-outside-background
|
|
color: $calendar-on-outside-background
|
|
|
|
.v-calendar-weekly__weeknumber
|
|
background-color: $calendar-weeknumber-background
|
|
color: $calendar-on-weeknumber-background
|
|
border-right: $calendar-grid-color $calendar-line-width solid
|
|
border-bottom: $calendar-grid-color $calendar-line-width solid
|
|
|
|
.v-calendar-weekly
|
|
width: 100%
|
|
height: 100%
|
|
display: flex
|
|
flex-direction: column
|
|
// https://github.com/vuetifyjs/vuetify/issues/8319
|
|
min-height: 0
|
|
|
|
.v-calendar-weekly__head
|
|
display: flex
|
|
user-select: none
|
|
|
|
.v-calendar-weekly__head-weekday
|
|
flex: 1 0 20px
|
|
user-select: none
|
|
padding: $calendar-weekly-weekday-padding
|
|
font-size: $calendar-weekly-weekday-font-size
|
|
overflow: hidden
|
|
text-align: center
|
|
text-overflow: ellipsis
|
|
text-transform: uppercase
|
|
white-space: nowrap
|
|
|
|
.v-calendar-weekly__head-weeknumber
|
|
position: relative
|
|
flex: 0 0 $calendar-weekly-weeknumber-flex-basis
|
|
|
|
.v-calendar-weekly__week
|
|
display: flex
|
|
flex: 1
|
|
height: unset
|
|
// https://github.com/vuetifyjs/vuetify/issues/8319
|
|
min-height: 0
|
|
|
|
.v-calendar-weekly__weeknumber
|
|
display: flex
|
|
flex: 0 0 $calendar-weekly-weeknumber-flex-basis
|
|
height: unset
|
|
min-height: 0
|
|
padding-top: $calendar-weekly-weeknumber-padding-top
|
|
text-align: center
|
|
|
|
> small
|
|
width: 100%
|
|
|
|
.v-calendar-weekly__day
|
|
flex: 1
|
|
width: 0
|
|
overflow: hidden
|
|
user-select: none
|
|
position: relative
|
|
padding: $calendar-weekly-day-padding
|
|
// https://github.com/vuetifyjs/vuetify/issues/9058
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1114904
|
|
min-width: 0
|
|
|
|
&.v-present
|
|
.v-calendar-weekly__day-month
|
|
color: currentColor
|
|
|
|
.v-calendar-weekly__day-label
|
|
text-decoration: none
|
|
user-select: none
|
|
cursor: pointer
|
|
box-shadow: none
|
|
text-align: center
|
|
margin: $calendar-weekly-day-label-margin
|
|
|
|
.v-icon-btn
|
|
font-size: $calendar-weekly-day-label-font-size
|
|
|
|
.v-calendar-weekly__day-month
|
|
position: absolute
|
|
text-decoration: none
|
|
user-select: none
|
|
box-shadow: none
|
|
top: 0
|
|
left: $calendar-weekly-day-month-left
|
|
height: $calendar-weekly-day-label-size
|
|
line-height: $calendar-weekly-day-label-size
|