diff options
Diffstat (limited to 'plugins/CoreHome/stylesheets/dataTable/_limitSelection.less')
-rw-r--r-- | plugins/CoreHome/stylesheets/dataTable/_limitSelection.less | 90 |
1 files changed, 66 insertions, 24 deletions
diff --git a/plugins/CoreHome/stylesheets/dataTable/_limitSelection.less b/plugins/CoreHome/stylesheets/dataTable/_limitSelection.less index 44a6ea1243..ab678b427a 100644 --- a/plugins/CoreHome/stylesheets/dataTable/_limitSelection.less +++ b/plugins/CoreHome/stylesheets/dataTable/_limitSelection.less @@ -1,9 +1,12 @@ .limitSelection { - float: right; + text-align: right; position: relative; margin-left: 5px; min-height: 20px; - z-index: 1; + padding-top: 4px; + vertical-align: top; + padding-right: 0 !important; + padding-left: 0 !important; } .limitSelection.hidden { @@ -11,14 +14,60 @@ } .limitSelection > div { - border: 1px solid #DFDFDF; - border-radius: 4px; - background: url(plugins/Morpheus/images/sort_subtable_desc_light.png) no-repeat right 2px; - padding: 0 14px 0 4px; - display: block; - width: 41px; - height: 26px; - cursor: pointer; + .select-wrapper:hover { + background-color: #edecec; + border-radius: 2px; + color: #333; + cursor: pointer; + + input.select-dropdown { + color: #333; + } + span.caret { + color: #333 !important; + } + } + + .select-wrapper { + input.select-dropdown { + height: 36px; + line-height: 30px; + font-size: 16px; + margin-bottom: 0; + padding-left: 5px; + width: 42px !important; + overflow: hidden; + border: 0; + transition: all 0s; + color: #adadad; + &:hover { + color: #333; + border-color: #333; + } + } + span.caret { + top: 11px; + right: 4px; + color: #adadad; + } + } + + margin-top: 0; + display: inline-block; + width: 47px; + height: 36px; +} + +.widgetpreview-preview, +#dashboardWidgetsArea { + .limitSelection .select-wrapper span.caret { + top: 9px; + } +} +body > .widget { + .limitSelection .select-wrapper span.caret { + top: 9px; + } } .limitSelection.disabled > div { @@ -28,40 +77,33 @@ } .limitSelection.visible > div { - border-radius: 0 0 4px 4px; background-image: url(plugins/Morpheus/images/sort_subtable_asc_light.png) } .limitSelection > ul { margin-top: 1px; overflow: visible; - background-color: @theme-color-background-base; } .limitSelection > ul > li { cursor: pointer; padding: 0 10px 0 4px; - font-size: 1.1em; + font-size: 1em; font-weight: bold; - height: 20px; - margin-top: -40px; - background-color: @theme-color-background-base; - border-left: 1px solid #DFDFDF; - border-right: 1px solid #DFDFDF; + height: 24px; + margin-top: -48px; + background-color: @theme-color-background-contrast; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; vertical-align: middle; text-align: right; } .limitSelection > ul > li.last { - border-top: 1px solid #DFDFDF; - border-radius: 4px 4px 0 0; + border-top: 1px solid #ccc; } .limitSelection > ul > li:hover { background-color: @color-silver-l95; } -.limitSelection span { - padding-top: 3px; - display: inline-block; -} |