diff options
Diffstat (limited to 'plugins/CoreHome/angularjs/siteselector/siteselector.directive.less')
| -rw-r--r-- | plugins/CoreHome/angularjs/siteselector/siteselector.directive.less | 227 |
1 files changed, 99 insertions, 128 deletions
diff --git a/plugins/CoreHome/angularjs/siteselector/siteselector.directive.less b/plugins/CoreHome/angularjs/siteselector/siteselector.directive.less index 8b38e556df..b0818ac472 100644 --- a/plugins/CoreHome/angularjs/siteselector/siteselector.directive.less +++ b/plugins/CoreHome/angularjs/siteselector/siteselector.directive.less @@ -1,155 +1,137 @@ - -/*sites_autocomplete*/ -.sites_autocomplete { - position: absolute; - font-size: 12px; - display: inline-block; - height: 30px; /* Hack to not push the dashboard widget below */ -} - -table.dataTable tr td .sites_autocomplete a { - width: auto; -} - -.sites_selector_in_dashboard { - margin-top:10px; -} -.top_bar_sites_selector { - float: right -} - -.top_bar_sites_selector > label { - display: inline-block; - padding: 7px 0 6px 0; - float: left; - font-size: 12px; -} - -.top_bar_sites_selector > .sites_autocomplete { - position: static; - margin-left: 12px; -} - .autocompleteMatched { color: #5256BE; font-weight: bold; } - -.sites_autocomplete .custom_select { - float: left; - position: relative; - z-index: 19; - background: @theme-color-background-base url(plugins/Morpheus/images/sites_selection.png) repeat-x 0 0; - border: 1px solid @color-silver-l85; - color: #255792; - border-radius: 4px; - cursor: pointer; - width: 205px; -} - -.sites_autocomplete .custom_select_main_link { - display: block; - text-decoration: none; - background: none; - cursor: default; - padding: 9px 5px 7px 5px; -} - -#content.admin .adminTable .sites_autocomplete a { - text-decoration: none; -} - -.sites_autocomplete .custom_select_ul_list li a, -.sites_autocomplete .custom_select_all a, -.sites_autocomplete .custom_select_main_link > span { +.siteSelector { + a.title { + .icon.collapsed.iconHidden { + visibility: visible; + } + } + .dropdown { + max-width: 210px; + } +} + +#content { + .sites_autocomplete { + position: static !important; + height: 36px; + z-index: 99; + vertical-align: middle; + + > .siteSelector { + position: absolute; + z-index: 9999; + } + + a.title { + text-decoration: none; + } + } +} + +.siteSelector.expanded { + .loading { + background: url(plugins/Morpheus/images/loading-blue.gif) no-repeat right 9px; + } +} + +.siteSelector a.title, +.siteSelector .custom_select_ul_list li a, +.siteSelector .custom_select_all a, +.siteSelector .custom_select_main_link > span { display: inline-block; - max-width: 170px; + max-width: 210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - padding: 0 10px 0 4px; -} - -.sites_autocomplete--dropdown .custom_select_main_link:not(.loading):before { - content: " \25BC"; - position: absolute; - right: 0; - font-size: 0.8em; - margin-top: 0.2em; - color: @theme-color-text-light; - margin-top: 9px; + padding: 0; + color: @theme-color-text; + text-transform: uppercase; + width: 100%; } -.sites_autocomplete--dropdown .custom_select_main_link { - cursor: pointer; - position: relative; -} +.siteSelector a.title { + > span { + max-width: 161px; + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + } -.sites_autocomplete .custom_select_main_link.loading { - background: url(plugins/Morpheus/images/loading-blue.gif) no-repeat right 9px; + span { + vertical-align: top; + } } -.sites_autocomplete .custom_select_ul_list, -.sites_autocomplete ul.ui-autocomplete { +.siteSelector .custom_select_ul_list, +.siteSelector ul.ui-autocomplete { position: relative; list-style: none; line-height: 18px; padding: 0 0 15px 0; + box-shadow: none !important; } -.sites_autocomplete .custom_select_ul_list li a, -.sites_autocomplete .custom_select_all a { +.siteSelector .custom_select_ul_list { + padding: 0 0 5px 0; +} + +.siteSelector .dropdown { + padding-top: 0; +} + +.siteSelector .custom_select_ul_list li a, +.siteSelector .custom_select_all a { line-height: 18px; height: auto; display: block; text-decoration: none; + padding-left: 5px; + margin-left: -5px; } -.sites_autocomplete .custom_select_ul_list li a:hover, -.sites_autocomplete .custom_select_all a:hover { +.siteSelector .custom_select_ul_list li a:hover, +.siteSelector .custom_select_all a:hover { background: #ebeae6; } -.sites_autocomplete .custom_select_all a { +.siteSelector .custom_select_all a { text-decoration: none; - margin: 0 0 5px 0; + margin: 0 0 5px -5px; } -.sites_autocomplete .custom_select_search { - margin: 0 0 0 4px; - height: 26px; +.siteSelector .custom_select_search { + margin: 0; + height: 33px; display: block; white-space: nowrap; - background: url(plugins/Morpheus/images/search_bg.png) no-repeat 0 0; -} - -.sites_autocomplete .custom_select_search .inp { - vertical-align: top; - width: 165px; - padding: 2px 6px !important; - border: 0 !important; - background: transparent !important; - font-size: 10px !important; - color: #454545 !important; - -} -.sites_autocomplete { - width: 205px; -} - -.sites_autocomplete .custom_select_search .but { - vertical-align: top; - font-size: 10px; - border: 0; - background: transparent; - width: 21px; - height: 17px; - overflow: hidden; - opacity: 0; - cursor: pointer; + position: relative; + padding-top: 4px; + + .inp { + vertical-align: top; + width: 100%; + padding: 4px 6px !important; + border: 1px solid #d0d0d0 !important; + background: transparent !important; + font-size: 11px !important; + color: #454545 !important; + } + .reset { + position: absolute; + top: 4px; + right: 4px; + cursor: pointer; + } +} + +.siteSelector { + width: auto; } -.sites_selector_container>.sites_autocomplete { +.sites_selector_container>.siteSelector { padding-left: 12px; } @@ -158,17 +140,6 @@ table.dataTable tr td .sites_autocomplete a { float:none;position:static } -.custom_select_search .reset { - position: relative; top: 3px; left: -50px; cursor: pointer; -} - -.custom_select_block { - overflow: hidden; - max-width: inherit; - visibility: visible; - padding: 0 5px 7px 5px; -} - .custom_select_block_show { height: auto; overflow: visible; |