Changeset View
Changeset View
Standalone View
Standalone View
plugins/libkolab/skins/elastic/include/libcalendaring.less
Show First 20 Lines • Show All 123 Lines • ▼ Show 20 Lines | &:before { | ||||
line-height: 1.1; | line-height: 1.1; | ||||
color: lighten(@color-black, 25%); | color: lighten(@color-black, 25%); | ||||
float: none; | float: none; | ||||
display: inline; | display: inline; | ||||
} | } | ||||
&.loading:before { | &.loading:before { | ||||
&:extend(.font-icon-class); | &:extend(.font-icon-class); | ||||
.animated-icon-class; | .animated-icon-class(); | ||||
content: @fa-var-circle-notch; | content: @fa-var-circle-notch; | ||||
line-height: 1; | line-height: 1; | ||||
} | } | ||||
&.declined:before { | &.declined:before { | ||||
&:extend(.font-icon-class); | &:extend(.font-icon-class); | ||||
content: @fa-var-ban; | content: @fa-var-ban; | ||||
color: @color-error; | color: @color-error; | ||||
▲ Show 20 Lines • Show All 133 Lines • ▼ Show 20 Lines | .edit-attendees-table { | ||||
} | } | ||||
td.name { | td.name { | ||||
span { | span { | ||||
line-height: 2.5; | line-height: 2.5; | ||||
display: flex; | display: flex; | ||||
& > :first-child { | & > :first-child { | ||||
.overflow-ellipsis; | .overflow-ellipsis(); | ||||
// width and flex is required to make overflow working | // width and flex is required to make overflow working | ||||
flex: 1; | flex: 1; | ||||
width: 1px; | width: 1px; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
▲ Show 20 Lines • Show All 61 Lines • ▼ Show 20 Lines | input[type=text] { | ||||
html.layout-phone & { | html.layout-phone & { | ||||
max-width: 50%; | max-width: 50%; | ||||
} | } | ||||
} | } | ||||
input[type=button] { | input[type=button] { | ||||
margin-left: .5em; | margin-left: .5em; | ||||
.overflow-ellipsis; | .overflow-ellipsis(); | ||||
} | } | ||||
} | } | ||||
.attachmentslist li.ics:before, | .attachmentslist li.ics:before, | ||||
.attachmentslist li.text.calendar:before, | .attachmentslist li.text.calendar:before, | ||||
.messagelist tbody .attachment span.ical:before { | .messagelist tbody .attachment span.ical:before { | ||||
.font-icon-regular(@fa-var-calendar-alt); | .font-icon-regular(@fa-var-calendar-alt); | ||||
} | } | ||||
▲ Show 20 Lines • Show All 237 Lines • ▼ Show 20 Lines | h3 { | ||||
.font-icon-regular(@fa-var-calendar-check); | .font-icon-regular(@fa-var-calendar-check); | ||||
} | } | ||||
} | } | ||||
.event-section { | .event-section { | ||||
font-size: .9rem; | font-size: .9rem; | ||||
color: @color-black-shade-text; | color: @color-black-shade-text; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
.overflow-ellipsis; | .overflow-ellipsis(); | ||||
} | } | ||||
.alarm-actions { | .alarm-actions { | ||||
text-align: right; | text-align: right; | ||||
margin-bottom: .25rem; | margin-bottom: .25rem; | ||||
a { | a { | ||||
&:first-child { | &:first-child { | ||||
▲ Show 20 Lines • Show All 67 Lines • ▼ Show 20 Lines | |||||
@media screen and (max-width: 420px) { | @media screen and (max-width: 420px) { | ||||
.nav-link.nav-icon { | .nav-link.nav-icon { | ||||
width: 3em; | width: 3em; | ||||
margin-right: 5px; | margin-right: 5px; | ||||
padding: .5rem .5rem .5rem .65rem; | padding: .5rem .5rem .5rem .65rem; | ||||
&:before { | &:before { | ||||
.font-icon-class; | .font-icon-class(); | ||||
margin: 0 1rem 0 0; | margin: 0 1rem 0 0; | ||||
width: 1em; | width: 1em; | ||||
line-height: 1.2; | line-height: 1.2; | ||||
} | } | ||||
&.resources:before { | &.resources:before { | ||||
content: @fa-var-cube; | content: @fa-var-cube; | ||||
margin-left: .1rem; | margin-left: .1rem; | ||||
Show All 11 Lines |