Page MenuHomePhorge
Files F7055369

jqueryui.less
No OneTemporary
Actions

Size
5 KB
Referenced Files
None
Subscribers
None

jqueryui.less
View Options

/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original authors in the README.md file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
/*** jQuery-UI widgets' style overrides ***/
.ui-widget-overlay {
background-color: @color-dialog-overlay-background;
}
.ui-dialog {
.ui-dialog-titlebar {
height: @layout-header-height;
border-bottom: 1px solid @color-dialog-header-border;
}
.ui-dialog-title {
line-height: @layout-header-height;
font-size: 1.25rem;
padding: 0 3rem 0 1rem;
color: @color-dialog-header;
}
.ui-dialog-titlebar-close {
border: 0;
color: @color-dialog-header;
background: transparent;
right: 0;
top: 0;
position: absolute;
height: @layout-header-height;
cursor: pointer;
&:before {
&:extend(.font-icon-class);
content: @fa-var-close;
}
}
.ui-dialog-content {
/* fixes resize issue e.g. in qr-code dialog */
box-sizing: initial;
& > .popupmenu {
display: block !important;
}
}
}
.ui-dialog iframe,
.ui-dialog-content.iframe {
padding: 0 !important;
overflow: hidden !important;
width: 100% !important;
height: 100%;
border: 0;
}
/* FIXME: why do I need !important here? */
@media screen and (max-width: @screen-width-xs) {
.ui-dialog {
width: 100% !important;
height: 100% !important;
display: flex;
flex-direction: column;
.ui-resizable-handle,
.ui-dialog-titlebar-close {
display: none !important;
}
.ui-dialog-titlebar {
height: @layout-touch-header-height;
}
.ui-dialog-title {
line-height: @layout-touch-header-height;
font-size: @layout-touch-header-font-size;
}
.ui-dialog-content {
flex: 1;
&:not(.iframe) {
padding: .5em !important;
}
}
.ui-dialog-buttonpane {
padding: 0 !important;
text-align: center !important;
border-top: 1px solid @color-dialog-header-border;
height: @layout-header-height !important;
.ui-dialog-buttonset {
display: flex;
button {
margin: 0 !important;
border: 0 !important;
box-shadow: none;
flex-grow: 1;
height: @layout-header-height;
&:before {
display: block;
width: auto;
height: 1.25em;
margin: 0;
}
&.btn-primary {
color: #007bff; /* TODO: var */
background: transparent;
}
&.btn-secondary {
color: #868e96; /* TODO: var */
background: transparent;
}
}
}
}
}
}
/* Datepicker widget */
.ui-datepicker {
border: 1px solid @color-datepicker-border;
border-radius: .3rem;
padding: 0;
overflow: hidden;
.ui-datepicker-header,
.ui-datepicker-title {
line-height: 4rem;
height: 4rem;
padding: 0;
}
.ui-datepicker-header {
border-bottom: 1px solid @color-dialog-header-border;
a {
height: 4rem;
}
}
.ui-icon {
background-image: none !important;
background-position: none !important;
}
.ui-datepicker-prev,
.ui-datepicker-next {
cursor: pointer;
width: auto;
&:before {
&:extend(.font-icon-class);
content: "\f053";
margin: 0 .25em;
height: auto;
width: 1em;
}
}
.ui-datepicker-prev:before {
content: "\f053";
}
.ui-datepicker-next:before {
content: "\f054";
}
td a {
padding: 0;
line-height: 1.8em;
border-radius: .3rem;
}
.ui-state-default,
&.ui-widget-content .ui-state-default {
border: 0;
background: transparent;
color: @color-datepicker-font;
}
.ui-state-highlight,
&.ui-widget-content .ui-state-highlight {
background: @color-datepicker-highlight-background;
color: @color-datepicker-highlight;
}
.ui-state-active,
&.ui-widget-content .ui-state-active {
background: @color-datepicker-active-background;
color: @color-datepicker-active;
font-weight: bold;
}
}
html.touch {
.ui-datepicker {
width: @screen-width-mini;
td a {
font-size: 1.2em;
line-height: 2.2em;
}
}
}
@media screen and (max-width: @screen-width-mini) {
.ui-datepicker {
border-radius: 0;
width: 100% !important;
left: 0 !important;
}
}

File Metadata

Mime Type
text/plain
Expires
Fri, Jun 12, 3:00 AM (1 d, 1 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
909298
Default Alt Text
jqueryui.less (5 KB)

Event Timeline