diff --git a/modules/backend/assets/less/controls/panels.less b/modules/backend/assets/less/controls/panels.less index adb58a308..02c23128a 100644 --- a/modules/backend/assets/less/controls/panels.less +++ b/modules/backend/assets/less/controls/panels.less @@ -74,4 +74,4 @@ div.panel { > label { margin-bottom: 5px; } -} \ No newline at end of file +} diff --git a/modules/backend/assets/less/october.less b/modules/backend/assets/less/october.less index be5dea606..753e2e6d1 100644 --- a/modules/backend/assets/less/october.less +++ b/modules/backend/assets/less/october.less @@ -1,15 +1,3 @@ -// -// Z-Index frequencies: -// -// 0-200 - Base layer (content) -// 200-400 - Base menus / dropdowns -// 400-600 - Secondary layer (full screen) -// 600-800 - Secondary menus / dropdowns -// 800-1000 - Tertiary layer (popups) -// 1000-1200 - Tertiary menus / dropdowns -// 1200-9000 - Reserved for frequency manager -// - // Vendor @import "../vendor/sweet-alert/sweet-alert.less"; @import "../vendor/jcrop/css/jquery.Jcrop.min.css"; diff --git a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css index 12624908d..79ce3d55d 100755 --- a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css +++ b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css @@ -368,6 +368,7 @@ body .fr-box .ace_editor{display:none} body .fr-box .ace_editor{position:absolute;top:0;bottom:0;left:0;right:0;margin:0} body .fr-box.fr-code-view .ace_editor{display:block} body .fr-command.fr-btn[data-cmd=fullscreen]{float:right} +body .fr-box.fr-fullscreen{z-index:9997 !important} body .fr-toolbar{border-top-color:transparent;background:#f2f2f2} body .fr-popup.fr-desktop .fr-arrow,body .fr-toolbar.fr-inline.fr-desktop .fr-arrow{top:-7px} body .fr-popup.fr-desktop.fr-above .fr-arrow,body .fr-toolbar.fr-inline.fr-desktop.fr-above .fr-arrow{bottom:-7px} diff --git a/modules/backend/formwidgets/richeditor/assets/less/_froala.less b/modules/backend/formwidgets/richeditor/assets/less/_froala.less index 9e3357166..d9cb94777 100644 --- a/modules/backend/formwidgets/richeditor/assets/less/_froala.less +++ b/modules/backend/formwidgets/richeditor/assets/less/_froala.less @@ -44,6 +44,10 @@ body { float: right; } + .fr-box.fr-fullscreen { + z-index: @zindex-fullscreen !important; + } + // // Toolbar // diff --git a/modules/system/assets/ui/less/breadcrumb.less b/modules/system/assets/ui/less/breadcrumb.less index 24783a67d..aa228b590 100644 --- a/modules/system/assets/ui/less/breadcrumb.less +++ b/modules/system/assets/ui/less/breadcrumb.less @@ -47,7 +47,7 @@ top: 0; right: -15px; position: absolute; - z-index: 10; + z-index: @zindex-breadcrumb; } &:after { @@ -56,7 +56,7 @@ &:before { right: -16px; - z-index: 9; + z-index: @zindex-breadcrumb - 1; .triangle(right, 15px, 45px, @color-breadcrumb-background); } diff --git a/modules/system/assets/ui/less/button.groups.less b/modules/system/assets/ui/less/button.groups.less index 05b5d29a2..9b91444a2 100644 --- a/modules/system/assets/ui/less/button.groups.less +++ b/modules/system/assets/ui/less/button.groups.less @@ -17,7 +17,7 @@ &:focus, &:active, &.active { - z-index: 2; + z-index: @zindex-button; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu diff --git a/modules/system/assets/ui/less/chart.less b/modules/system/assets/ui/less/chart.less index 64ee77487..62bf12638 100644 --- a/modules/system/assets/ui/less/chart.less +++ b/modules/system/assets/ui/less/chart.less @@ -52,16 +52,16 @@ font-size: 30px; font-weight: 100; color: @color-scoreboard-title; - z-index: 10; + z-index: @zindex-chart - 1; } svg { - z-index: 20; + z-index: @zindex-chart; } } &.full-width div.canvas { - margin-right: 0!important; + margin-right: 0 !important; } ul { @@ -169,7 +169,7 @@ padding: 7px 10px; background: @color-chart-tooltip-bg; position: absolute; - z-index: 100; + z-index: @zindex-tooltip; color: @color-chart-tooltip-text; .border-radius(@border-radius-base*2); font-size: 12px; diff --git a/modules/system/assets/ui/less/checkbox.less b/modules/system/assets/ui/less/checkbox.less index 6bd9b6b5d..cc2ef6fd0 100644 --- a/modules/system/assets/ui/less/checkbox.less +++ b/modules/system/assets/ui/less/checkbox.less @@ -198,7 +198,7 @@ * { .box-sizing(border-box); } &.disabled { .opacity(.5); } .slide-button { - z-index: 4; + z-index: @zindex-checkbox - 1; display: block; position: absolute; right: 42px; @@ -217,14 +217,14 @@ } label { - z-index: 3; + z-index: @zindex-checkbox - 2; width: 100%; display: block; position: relative; } input { - z-index: 5; + z-index: @zindex-checkbox; position: absolute; left: 0; top: 0; @@ -260,7 +260,7 @@ .border-radius(20px); span { - z-index: 5; + z-index: @zindex-checkbox; display: block; width: 50%; position: absolute; diff --git a/modules/system/assets/ui/less/datepicker.date.less b/modules/system/assets/ui/less/datepicker.date.less index 76e1e6e18..87cca9138 100644 --- a/modules/system/assets/ui/less/datepicker.date.less +++ b/modules/system/assets/ui/less/datepicker.date.less @@ -3,7 +3,7 @@ // -------------------------------------------------- .pika-single { - z-index: 9999; + z-index: @zindex-datepicker; display: block; position: relative; width: 240px; @@ -36,7 +36,7 @@ display: inline-block; *display: inline; position: relative; - z-index: 9999; + z-index: @zindex-datepicker; overflow: hidden; margin: 0; padding: 5px 3px; @@ -50,7 +50,7 @@ select { cursor: pointer; position: absolute; - z-index: 9998; + z-index: @zindex-datepicker - 1; margin: 0; left: 0; top: 5px; diff --git a/modules/system/assets/ui/less/datepicker.less b/modules/system/assets/ui/less/datepicker.less index 91b4c1129..df847e4a9 100644 --- a/modules/system/assets/ui/less/datepicker.less +++ b/modules/system/assets/ui/less/datepicker.less @@ -58,7 +58,3 @@ } } } - -.clockpicker-popover { - z-index: 9999; -} diff --git a/modules/system/assets/ui/less/datepicker.time.less b/modules/system/assets/ui/less/datepicker.time.less index 0af7ee037..c43398fde 100644 --- a/modules/system/assets/ui/less/datepicker.time.less +++ b/modules/system/assets/ui/less/datepicker.time.less @@ -10,7 +10,7 @@ position: absolute; top: 0; left: 0; - z-index: 1010; + z-index: @zindex-datepicker; display: none; max-width: 276px; padding: 1px; diff --git a/modules/system/assets/ui/less/dropdown.less b/modules/system/assets/ui/less/dropdown.less index 0a50e3a6c..f3917f632 100644 --- a/modules/system/assets/ui/less/dropdown.less +++ b/modules/system/assets/ui/less/dropdown.less @@ -41,7 +41,7 @@ position: absolute; left: 15px; top: -8px; - z-index: 101; + z-index: @zindex-dropdown + 1; } &:before { @@ -49,7 +49,7 @@ position: absolute; left: 14px; top: -9px; - z-index: 100; + z-index: @zindex-dropdown; } li { @@ -109,7 +109,7 @@ position: absolute; left: 15px; top: -8px; - z-index: 102; + z-index: @zindex-dropdown + 2; } } &:active { @@ -198,7 +198,7 @@ body.dropdown-open { right: 0; bottom: 0; // background: rgba(0,0,0,0.1); - z-index: 300; + z-index: @zindex-dropdown - 1; } } diff --git a/modules/system/assets/ui/less/filter.less b/modules/system/assets/ui/less/filter.less index 7ae72c1d6..3c304c600 100644 --- a/modules/system/assets/ui/less/filter.less +++ b/modules/system/assets/ui/less/filter.less @@ -266,7 +266,7 @@ top: 5px; right: 5px; font-size: 28px; - z-index: 2; + z-index: @zindex-filter; } } } diff --git a/modules/system/assets/ui/less/flashmessage.less b/modules/system/assets/ui/less/flashmessage.less index b3171171e..4fdcf15a6 100644 --- a/modules/system/assets/ui/less/flashmessage.less +++ b/modules/system/assets/ui/less/flashmessage.less @@ -28,7 +28,7 @@ color: @color-flash-text; font-size: 14px; padding: 10px 30px 10px 15px; - z-index: 10000; + z-index: @zindex-flashmessage; word-wrap: break-word; text-shadow: 0 -1px 0px rgba(0,0,0,.25); text-align: center; diff --git a/modules/system/assets/ui/less/form.groups.less b/modules/system/assets/ui/less/form.groups.less index d0225c313..14dffa429 100644 --- a/modules/system/assets/ui/less/form.groups.less +++ b/modules/system/assets/ui/less/form.groups.less @@ -20,7 +20,7 @@ // Ensure that the input is always above the *appended* addon button for // proper border colors. position: relative; - z-index: 2; + z-index: @zindex-form; // IE9 fubars the placeholder attribute in text inputs and the arrows on // select elements in input groups. To fix it, we float the input. Details: @@ -142,7 +142,7 @@ &:hover, &:focus, &:active { - z-index: 2; + z-index: @zindex-form; } } diff --git a/modules/system/assets/ui/less/form.less b/modules/system/assets/ui/less/form.less index a75d174d2..5af3dc129 100644 --- a/modules/system/assets/ui/less/form.less +++ b/modules/system/assets/ui/less/form.less @@ -216,7 +216,7 @@ > .icon { position: absolute; - z-index: 2; + z-index: @zindex-form; padding: 13px; pointer-events: none; color: @color-form-field-icon; @@ -437,7 +437,7 @@ body.slim-container { } .select2-dropdown { - z-index: 10000; + z-index: @zindex-select; } // diff --git a/modules/system/assets/ui/less/global.less b/modules/system/assets/ui/less/global.less index c83fa021c..8de26f8f7 100644 --- a/modules/system/assets/ui/less/global.less +++ b/modules/system/assets/ui/less/global.less @@ -22,3 +22,4 @@ @import "toolbar.variables.less"; @import "tooltip.variables.less"; @import "popup.variables.less"; +@import "windex.variables.less"; diff --git a/modules/system/assets/ui/less/global.variables.less b/modules/system/assets/ui/less/global.variables.less index ea246f6ee..fffaa3e3e 100644 --- a/modules/system/assets/ui/less/global.variables.less +++ b/modules/system/assets/ui/less/global.variables.less @@ -47,18 +47,6 @@ @screen-sm-max: (@screen-md-min - 1); @screen-md-max: (@screen-lg-min - 1); -// -// Z-Indexes -// -------------------------------------------------- - -@zindex-navbar: 1000; -@zindex-dropdown: 1000; -@zindex-popover: 1010; -@zindex-navbar-fixed: 1030; -@zindex-modal-background: 1040; -@zindex-modal: 1050; -@zindex-tooltip: 1060; // Tooltips should always be on the top - // // Typography // -------------------------------------------------- diff --git a/modules/system/assets/ui/less/inspector.less b/modules/system/assets/ui/less/inspector.less index f4a5dc42e..008858efd 100644 --- a/modules/system/assets/ui/less/inspector.less +++ b/modules/system/assets/ui/less/inspector.less @@ -27,7 +27,7 @@ .inspector-autocomplete-list() { background: white; font-size: 12px; - z-index: 100000; // It's safe to set z-index any high value for drop-downs + z-index: @zindex-inspector; li a { padding: 5px 12px; @@ -684,4 +684,4 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete { } } } -} \ No newline at end of file +} diff --git a/modules/system/assets/ui/less/loader.less b/modules/system/assets/ui/less/loader.less index 8ce1876db..c91747e07 100644 --- a/modules/system/assets/ui/less/loader.less +++ b/modules/system/assets/ui/less/loader.less @@ -19,7 +19,7 @@ font-weight: 500; background: @body-bg; text-align: left; - z-index: 100; + z-index: @zindex-loader; > span { background: transparent url('@{loader-image-path}/loader.gif') no-repeat 0 50%; @@ -221,7 +221,7 @@ html.cssanimations { left: 0; width: 100%; overflow: hidden; - z-index: 2000; + z-index: @zindex-flashmessage; .stripe, .stripe-loaded { height: @stripe-loader-height; diff --git a/modules/system/assets/ui/less/popover.less b/modules/system/assets/ui/less/popover.less index 11935d468..d31b3ec7d 100644 --- a/modules/system/assets/ui/less/popover.less +++ b/modules/system/assets/ui/less/popover.less @@ -21,7 +21,7 @@ div.control-popover { background-clip: content-box; left: 0; top: 0; - z-index: 570; + z-index: @zindex-popover - 1; visibility: hidden; &.in, &.fade { @@ -54,8 +54,8 @@ div.control-popover { position: absolute; } - &:after { z-index: 601; } - &:before { z-index: 600; } + &:after { z-index: @zindex-popover + 1; } + &:before { z-index: @zindex-popover; } } &.placement-bottom > div { @@ -135,7 +135,7 @@ div.control-popover { border-bottom: 2px solid @color-popover-border; &:before { - z-index: 602; + z-index: @zindex-popover + 2; position: absolute; } @@ -246,9 +246,9 @@ div.control-popover { .popover-highlight { position: relative; - z-index: 562 !important; + z-index: (@zindex-popover - 2) !important; &:hover, &:active, &:focus { - z-index: 562 !important; + z-index: (@zindex-popover - 2) !important; } } @@ -259,7 +259,7 @@ div.popover-overlay { right: 0; bottom: 0; background: @overlay-background; - z-index: 560; + z-index: @zindex-popover - 3; } @media (max-width: @screen-xs) { @@ -274,7 +274,7 @@ div.popover-overlay { margin: 0; padding: 10px; width: 100% !important; - z-index: 609; + z-index: @zindex-popover + 3; top: 0 !important; right: 0 !important; bottom: 0 !important; @@ -299,4 +299,4 @@ div.popover-overlay { } } } -} \ No newline at end of file +} diff --git a/modules/system/assets/ui/less/select.less b/modules/system/assets/ui/less/select.less index d63ec2561..18aa23aff 100644 --- a/modules/system/assets/ui/less/select.less +++ b/modules/system/assets/ui/less/select.less @@ -539,7 +539,7 @@ display: table; table-layout: fixed; position: relative; - z-index: 2; + z-index: @zindex-form; float: left; width: 100%; margin-bottom: 0; diff --git a/modules/system/assets/ui/less/tab.less b/modules/system/assets/ui/less/tab.less index 92ef52959..a01afd2c2 100644 --- a/modules/system/assets/ui/less/tab.less +++ b/modules/system/assets/ui/less/tab.less @@ -78,7 +78,7 @@ vertical-align: bottom; margin-right: 20px; position: relative; - z-index: 90; + z-index: @zindex-tab - 2; &:last-child { margin-right: 0; @@ -120,7 +120,7 @@ } &.active { - z-index: 100; + z-index: @zindex-tab; a { color: @color-tab-active-text; @@ -183,7 +183,7 @@ cursor: pointer; i { display: inline-block; - z-index: 101; + z-index: @zindex-tab + 1; top: -7px; right: 5px; position: relative; @@ -222,7 +222,7 @@ font-size: 15px; border-bottom: transparent 4px solid; position: relative; - z-index: 101; + z-index: @zindex-tab + 1; line-height: 100%; } @@ -250,7 +250,7 @@ bottom: 0; height: 1px; width: 100%; - z-index: 95; + z-index: @zindex-tab - 1; content: ' '; border-bottom: 2px solid @color-tab-active-border; } @@ -275,7 +275,7 @@ padding-bottom: 3px; margin: 0; position: relative; - z-index: 101; + z-index: @zindex-tab + 1; background: transparent; overflow: visible; @@ -284,7 +284,7 @@ display: inline-block; padding: 4px 25px 0px 25px; .box-sizing(border-box); - z-index: 100; + z-index: @zindex-tab; &:before, &:after { content: ''; @@ -326,10 +326,10 @@ } &.active a { - z-index: 107; + z-index: @zindex-tab + 3; > span.title { - z-index: 105; + z-index: @zindex-tab + 2; border-top-color: #d6d6d6; &:before, &:after{ diff --git a/modules/system/assets/ui/less/windex.variables.less b/modules/system/assets/ui/less/windex.variables.less new file mode 100644 index 000000000..dcc520155 --- /dev/null +++ b/modules/system/assets/ui/less/windex.variables.less @@ -0,0 +1,46 @@ +// +// Dependencies +// -------------------------------------------------- + +@import "global.less"; + +// +// "Windex" Z-Index Window Manager +// -------------------------------------------------- + +// +// Z-Index frequencies: +// +// 0-200 - Base layer (content) +// 200-400 - Base menus / dropdowns +// 400-600 - Secondary layer (full screen) +// 600-800 - Secondary menus / dropdowns +// 800-1000 - Tertiary layer (popups) +// 1000-1200 - Tertiary menus / dropdowns +// 1200-9000 - Reserved for frequency manager +// + +// +// Z-Indexes +// -------------------------------------------------- + +@zindex-filter: 2; +@zindex-button: 2; +@zindex-form: 2; +@zindex-checkbox: 5; +@zindex-breadcrumb: 10; +@zindex-chart: 20; +@zindex-tab: 100; +@zindex-loader: 100; +@zindex-popover: 600; +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; +@zindex-tooltip: 1060; +@zindex-fullscreen: 9990; +@zindex-datepicker: 9999; +@zindex-flashmessage: 10000; +@zindex-select: 10000; +@zindex-inspector: 100000; diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index 90352e1e7..eb42c216b 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -1297,8 +1297,8 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap .dropdown-menu{padding:0;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none} .dropdown-menu.offset-left{left:10px} .dropdown-menu .dropdown-container > ul{background-color:#ffffff;padding:0;list-style:none;position:relative;margin-top:7px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} -.dropdown-menu .dropdown-container > ul:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ffffff;position:absolute;left:15px;top:-8px;z-index:101} -.dropdown-menu .dropdown-container > ul:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:9px solid rgba(0,0,0,0.2);position:absolute;left:14px;top:-9px;z-index:100} +.dropdown-menu .dropdown-container > ul:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ffffff;position:absolute;left:15px;top:-8px;z-index:1001} +.dropdown-menu .dropdown-container > ul:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:9px solid rgba(0,0,0,0.2);position:absolute;left:14px;top:-9px;z-index:1000} .dropdown-menu .dropdown-container > ul li a{outline:none;padding:10px 15px;font-size:13px;display:block;color:#39454a;position:relative;text-decoration:none} .dropdown-menu .dropdown-container > ul li a:hover,.dropdown-menu .dropdown-container > ul li a:focus{color:#ffffff;background-color:#4ea5e0} .dropdown-menu .dropdown-container > ul li a:hover[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:focus[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:hover[class*=" oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:focus[class*=" oc-icon-"]:before{color:#ffffff} @@ -1306,7 +1306,7 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap .dropdown-menu .dropdown-container > ul li a:active[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:active[class*=" oc-icon-"]:before{color:#ffffff} .dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"],.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]{padding-left:30px} .dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]:before{position:absolute;font-size:14px;left:9px;top:10px;color:rgba(0,0,0,0.2)} -.dropdown-menu .dropdown-container > ul li.first-item a:hover:after,.dropdown-menu .dropdown-container > ul li.first-item a:focus:after,.dropdown-menu .dropdown-container > ul li.first-item a:active:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #4ea5e0;position:absolute;left:15px;top:-8px;z-index:102} +.dropdown-menu .dropdown-container > ul li.first-item a:hover:after,.dropdown-menu .dropdown-container > ul li.first-item a:focus:after,.dropdown-menu .dropdown-container > ul li.first-item a:active:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #4ea5e0;position:absolute;left:15px;top:-8px;z-index:1002} .dropdown-menu .dropdown-container > ul li.first-item a:active:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #3498db} .dropdown-menu .dropdown-container > ul li.dropdown-title{display:none} .dropdown-menu .dropdown-container > ul li.divider{margin:0} @@ -1318,7 +1318,7 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap .touch .dropdown-menu .dropdown-container > ul li a:hover{color:#39454a;background:white} .touch .dropdown-menu .dropdown-container > ul li a:hover:before{position:absolute;font-size:14px;left:9px;top:7px;color:rgba(0,0,0,0.2)} .touch .dropdown-menu .dropdown-container > ul li.first-item a:hover:after{content:'';display:none} -body.dropdown-open .dropdown-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:300} +body.dropdown-open .dropdown-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:999} @media (max-width:480px){body.dropdown-open{overflow:hidden} body.dropdown-open .dropdown-overlay{background:rgba(0,0,0,0.4)} body.dropdown-open .dropdown-menu{overflow:auto;overflow-y:scroll;position:fixed !important;margin:0 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:1040} @@ -1329,7 +1329,7 @@ body.dropdown-open .dropdown-menu .dropdown-container ul li.dropdown-title{displ body.dropdown-open .dropdown-menu .dropdown-container ul li.dropdown-title:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f00d";position:absolute;top:7px;right:13px;opacity:0.3;filter:alpha(opacity=30)} body.dropdown-open .dropdown-menu .dropdown-container ul li.first-item a:hover:after,body.dropdown-open .dropdown-menu .dropdown-container ul li.first-item :focus:after{content:'';display:none} } -div.control-popover{position:absolute;background-clip:content-box;left:0;top:0;z-index:570;visibility:hidden} +div.control-popover{position:absolute;background-clip:content-box;left:0;top:0;z-index:599;visibility:hidden} div.control-popover.in,div.control-popover.fade{visibility:visible} div.control-popover.fade > div{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s,width 0s;transition:all 0.3s,width 0s;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)} div.control-popover.fade.in > div{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} @@ -1368,11 +1368,11 @@ div.control-popover.popover-danger.placement-left > div:after{content:'';display div.control-popover.popover-danger.placement-right > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #ab2a1c} div.control-popover.popover-danger .popover-head{background-color:#ab2a1c} div.control-popover div.popover-fixed-height{height:300px} -.popover-highlight{position:relative;z-index:562 !important} -.popover-highlight:hover,.popover-highlight:active,.popover-highlight:focus{z-index:562 !important} -div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:560} +.popover-highlight{position:relative;z-index:598 !important} +.popover-highlight:hover,.popover-highlight:active,.popover-highlight:focus{z-index:598 !important} +div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:597} @media (max-width:480px){body.popover-open{overflow:hidden} -body.popover-open .control-popover{overflow:auto;overflow-y:scroll;position:fixed;margin:0;padding:10px;width:100% !important;z-index:609;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important} +body.popover-open .control-popover{overflow:auto;overflow-y:scroll;position:fixed;margin:0;padding:10px;width:100% !important;z-index:603;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important} body.popover-open .control-popover > div{padding:0;min-height:100%} body.popover-open .control-popover > div:before,body.popover-open .control-popover > div:after{display:none} body.popover-open .control-popover div.popover-fixed-height{height:100%;min-height:100%} @@ -1500,7 +1500,7 @@ to{background-position:0 0} .control-tabs.scroll-active-after:after{color:#d0d0d0} .control-tabs:before,.control-tabs:after{top:10px;margin-top:0} .control-tabs > ul.nav-tabs,.control-tabs > div > ul.nav-tabs,.control-tabs > div > div > ul.nav-tabs{white-space:nowrap;font-size:0;overflow:hidden;border-bottom:none;vertical-align:bottom} -.control-tabs > ul.nav-tabs > li,.control-tabs > div > ul.nav-tabs > li,.control-tabs > div > div > ul.nav-tabs > li{font-size:15px;float:none;display:inline-block;vertical-align:bottom;margin-right:20px;position:relative;z-index:90} +.control-tabs > ul.nav-tabs > li,.control-tabs > div > ul.nav-tabs > li,.control-tabs > div > div > ul.nav-tabs > li{font-size:15px;float:none;display:inline-block;vertical-align:bottom;margin-right:20px;position:relative;z-index:98} .control-tabs > ul.nav-tabs > li:last-child,.control-tabs > div > ul.nav-tabs > li:last-child,.control-tabs > div > div > ul.nav-tabs > li:last-child{margin-right:0} .control-tabs > ul.nav-tabs > li a,.control-tabs > div > ul.nav-tabs > li a,.control-tabs > div > div > ul.nav-tabs > li a{border-left:none !important;border-top:none !important;border-right:none !important;padding:0 0 10px 0;color:rgba(0,0,0,0.4);background:#f9f9f9;font-weight:400;overflow:hidden} .control-tabs > ul.nav-tabs > li a:hover,.control-tabs > div > ul.nav-tabs > li a:hover,.control-tabs > div > div > ul.nav-tabs > li a:hover{background-color:transparent;border-bottom-color:transparent} @@ -1531,7 +1531,7 @@ to{background-position:0 0} .control-tabs.master-tabs > ul.nav-tabs > li.active a,.control-tabs.master-tabs > div > ul.nav-tabs > li.active a,.control-tabs.master-tabs > div > div > ul.nav-tabs > li.active a{border-bottom:#d0d0d0 4px solid} .control-tabs.primary-tabs{margin-bottom:5px} .control-tabs.primary-tabs > ul.nav-tabs,.control-tabs.primary-tabs > div > ul.nav-tabs,.control-tabs.primary-tabs > div > div > ul.nav-tabs{position:relative;margin-left:0;margin-right:0} -.control-tabs.primary-tabs > ul.nav-tabs:before,.control-tabs.primary-tabs > div > ul.nav-tabs:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs:before{position:absolute;bottom:0;height:1px;width:100%;z-index:95;content:' ';border-bottom:2px solid #d0d0d0} +.control-tabs.primary-tabs > ul.nav-tabs:before,.control-tabs.primary-tabs > div > ul.nav-tabs:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs:before{position:absolute;bottom:0;height:1px;width:100%;z-index:99;content:' ';border-bottom:2px solid #d0d0d0} .control-tabs.primary-tabs > ul.nav-tabs > li,.control-tabs.primary-tabs > div > ul.nav-tabs > li,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li{padding-right:0;padding-left:0;margin-left:0;margin-right:-20px;background:transparent} .control-tabs.primary-tabs > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child{padding-left:20px !important} .control-tabs.primary-tabs > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child{margin-right:0} @@ -1542,8 +1542,8 @@ to{background-position:0 0} .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{right:0;border-right:2px solid #e0e0e0;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)} .control-tabs.primary-tabs > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child{background-image:none;margin-right:0;padding-right:5px} .control-tabs.primary-tabs > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child{padding-left:0} -.control-tabs.primary-tabs > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a{z-index:107} -.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title{z-index:105;border-top-color:#d6d6d6} +.control-tabs.primary-tabs > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a{z-index:103} +.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title{z-index:102;border-top-color:#d6d6d6} .control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:before,.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:after{border-color:#d0d0d0} .control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title span,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title span,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title span{border-top-color:#d0d0d0} .control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before{position:absolute;bottom:0;height:2px;right:2px;left:2px;content:' ';background-color:#f9f9f9} @@ -1576,7 +1576,7 @@ to{background-position:0 0} .form-sidebar .control-tabs.secondary > div > ul.nav-tabs > li a{background:transparent} .control-chart{text-align:left} .control-chart div.canvas{display:inline-block;margin-right:20px;margin-bottom:20px;position:relative} -.control-chart div.canvas span.center{position:absolute;display:block;text-align:center;width:100%;top:50%;margin-top:-21px;font-size:30px;font-weight:100;color:#666666;z-index:10} +.control-chart div.canvas span.center{position:absolute;display:block;text-align:center;width:100%;top:50%;margin-top:-21px;font-size:30px;font-weight:100;color:#666666;z-index:19} .control-chart div.canvas svg{z-index:20} .control-chart.full-width div.canvas{margin-right:0 !important} .control-chart ul{display:inline-block;height:inherit;margin:0;padding:0;list-style:none;position:relative;vertical-align:top} @@ -1597,7 +1597,7 @@ to{background-position:0 0} .control-chart.wrap-legend div.chart-legend table tr:last-child td{padding-bottom:7px} .report-container .wrapped .control-chart{text-align:left} .report-container .wrapped .control-chart .canvas{margin-right:20px;display:inline-block} -#flotTip,#chart-tooltip{white-space:nowrap;padding:7px 10px;background:#000000;position:absolute;z-index:100;color:#ffffff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:12px;opacity:0.8;filter:alpha(opacity=80)} +#flotTip,#chart-tooltip{white-space:nowrap;padding:7px 10px;background:#000000;position:absolute;z-index:1060;color:#ffffff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:12px;opacity:0.8;filter:alpha(opacity=80)} .title-value h4{font-size:12px;text-transform:uppercase;color:#666666;margin:0} .title-value span.goal-meter-indicator{float:left;height:24px;width:10px;margin-right:5px;position:relative;top:9px;background:#cc3300} .title-value span.goal-meter-indicator > span{text-indent:-10000em;display:block;position:absolute;width:10px;left:0;bottom:0;background:#95b753;height:0;-webkit-transition:all 0.2s;transition:all 0.2s} @@ -2126,7 +2126,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none} .bar-loading-indicator .progress-bar{-webkit-animation:infinite-loader 90s ease-in forwards;animation:infinite-loader 90s ease-in forwards;-webkit-transition-duration:0s;transition-duration:0s} .bar-loading-indicator.bar-loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition-delay:0.3s;transition-delay:0.3s} .bar-loading-indicator.bar-loaded .progress-bar{width:100% !important;-webkit-transition:width 0.3s linear;transition:width 0.3s linear;-webkit-animation:none;animation:none} -.stripe-loading-indicator{height:4px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000} +.stripe-loading-indicator{height:4px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:10000} .stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{height:4px;display:block;background:#3498db;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF} .stripe-loading-indicator .stripe{width:100%;-webkit-animation:infinite-loader 60s linear;animation:infinite-loader 60s linear} .stripe-loading-indicator .stripe-loaded{width:0;opacity:0;filter:alpha(opacity=0)} @@ -2869,7 +2869,7 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white .is-selected .pika-button{color:#fff;font-weight:bold;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px} .is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3} .pika-button:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important;border-radius:3px !important} -.clockpicker-popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)} +.clockpicker-popover{position:absolute;top:0;left:0;z-index:9999;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)} .clockpicker-popover.top{margin-top:-10px} .clockpicker-popover.right{margin-left:10px} .clockpicker-popover.bottom{margin-top:10px} @@ -2923,5 +2923,4 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white .pika-single .pika-button:hover{background:#5fb6f5 !important} .pika-single .pika-label{font-weight:normal} .pika-single .pika-table th{text-transform:uppercase} -.pika-single .pika-footer .pika-label{font-size:12px} -.clockpicker-popover{z-index:9999} \ No newline at end of file +.pika-single .pika-footer .pika-label{font-size:12px} \ No newline at end of file