You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
2.6 KiB
86 lines
2.6 KiB
/* ========= Styling rules to affect widgets ========= */ |
|
|
|
@import "variables"; |
|
|
|
.claro .dijitPopup { |
|
.box-shadow(0 1px 5px rgba(0,0,0,0.25)); |
|
} |
|
.claro .dijitTooltipDialogPopup { |
|
/* exception popups: do not use a shadow on these because they aren't rectangular */ |
|
.box-shadow(none); |
|
} |
|
|
|
/* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ |
|
.claro .dijitComboBoxHighlightMatch { |
|
background-color: @select-matchedtext-background-color; |
|
} |
|
|
|
.claro .dijitFocusedLabel { |
|
/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ |
|
outline: 1px dotted @focus-outline-color; |
|
} |
|
|
|
/* Drag and Drop*/ |
|
.claro .dojoDndItem { |
|
border-color: rgba(0,0,0,0); // rgba() instead of none to prevent flash on hover fade-in |
|
.transition-duration(.25s); |
|
.transition-property(background-color, border-color) |
|
} |
|
.claro .dojoDndItemOver { |
|
// Hovered item. Matches dijitTreeRowHover. |
|
background-color:@hovered-background-color; |
|
.standard-gradient; |
|
padding: 1px; // reduce from 2px in dijit.css |
|
border:solid 1px @hovered-border-color; |
|
color:@hovered-text-color; |
|
} |
|
.claro .dojoDndItemAnchor, |
|
.claro .dojoDndItemSelected { |
|
// Selected items(s). Matches dijitTreeRowSelected. |
|
background-color:@selected-background-color; |
|
.standard-gradient; |
|
padding: 1px; // reduce from 2px in dijit.css |
|
border:solid 1px @selected-border-color; |
|
color:@selected-text-color; |
|
} |
|
|
|
.claro .dojoDndItemBefore, |
|
.claro .dojoDndItemAfter { |
|
// line to indicate that user is dropping before/after this dojoDndItem |
|
border-color: @dnd-dropseparator-color; |
|
} |
|
|
|
.claro table.dojoDndAvatar { |
|
border: 1px solid @border-color; |
|
border-collapse: collapse; |
|
background-color: @dnd-avatar-background-color; |
|
.box-shadow(0 1px 3px rgba(0, 0, 0, .25)); |
|
} |
|
.claro .dojoDndAvatarHeader td { |
|
height: 20px; |
|
padding-left:21px; |
|
} |
|
.claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader { |
|
background-image: url(@image-dnd); |
|
background-repeat: no-repeat; |
|
background-position:2px -122px; |
|
} |
|
.claro .dojoDndAvatarItem td { |
|
padding: 5px; |
|
} |
|
.claro.dojoDndMove .dojoDndAvatarHeader { |
|
background-color: @dnd-avatar-header-background-color; |
|
background-position:2px -103px; |
|
} |
|
.claro.dojoDndCopy .dojoDndAvatarHeader { |
|
background-color: @dnd-avatar-header-background-color; |
|
background-position:2px -68px; |
|
} |
|
.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { |
|
background-color: @dnd-avatar-candrop-header-background-color; |
|
background-position:2px -33px; |
|
} |
|
.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { |
|
background-color: @dnd-avatar-candrop-header-background-color; |
|
background-position:2px 2px; |
|
}
|
|
|