92 lines
1.3 KiB
SCSS
92 lines
1.3 KiB
SCSS
//
|
|
// Tweaks for jQuery UI
|
|
// --------------------------------------------------
|
|
|
|
.ui-widget {
|
|
&,
|
|
input,
|
|
select,
|
|
textarea,
|
|
button
|
|
{
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Widgets
|
|
*/
|
|
|
|
.ui-widget-content {
|
|
background: $panel-bg;
|
|
border-color: $panel-border;
|
|
border-radius: $panel-border-radius;
|
|
box-shadow: $panel-shadow;
|
|
}
|
|
|
|
.ui-state-hover,
|
|
.ui-state-focus {
|
|
&,
|
|
.ui-widget-content &,
|
|
.ui-widget-header & {
|
|
color: $component-active-color;
|
|
background: $component-active-bg;
|
|
border-color: $component-active-border;
|
|
font-weight: inherit;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Menu (e.g. autocomplete)
|
|
*/
|
|
|
|
.ui-menu-item {
|
|
border-radius: $panel-border-radius;
|
|
}
|
|
|
|
|
|
/**
|
|
* Dialogs
|
|
*/
|
|
|
|
.modal {
|
|
background: $body-bg;
|
|
z-index: 50;
|
|
|
|
h3.title {
|
|
display: none;
|
|
}
|
|
|
|
p.buttons {
|
|
text-align: right;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-content {
|
|
padding: $padding-base-horizontal;
|
|
}
|
|
|
|
.ui-widget-overlay {
|
|
background: #000;
|
|
}
|
|
|
|
|
|
/**
|
|
* Datepicker
|
|
*/
|
|
|
|
img.ui-datepicker-trigger {
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.ui-datepicker-title select {
|
|
width: 70px !important;
|
|
margin-top: -2px !important;
|
|
margin-right: 4px !important;
|
|
} |