From 59b1f0f9b4c2c4d2c25871a37b962c91e7364da6 Mon Sep 17 00:00:00 2001 From: adjarriawan Date: Wed, 1 Feb 2023 20:30:45 +0800 Subject: [PATCH] z-index: 9999 --- public/octopy.css | 2 +- resources/sass/octopy.scss | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/public/octopy.css b/public/octopy.css index 5757cd2..93b3a56 100644 --- a/public/octopy.css +++ b/public/octopy.css @@ -1 +1 @@ -.impersonate-wrapper{background:#fff;border-radius:34px;bottom:40px;color:#526484;font-family:DM Sans,sans-serif;font-size:.8em!important;min-width:58px;position:fixed;right:40px}.impersonate-wrapper-active{border-radius:5px 5px 5px 5px!important}.impersonate-wrapper-non-active{border-radius:5px 34px 34px 5px!important}.impersonate-border{border:1px solid #dbdfea;bottom:39px;right:39px}.impersonate-content{display:none;height:55px;padding:10px 65px 3px 10px;vertical-align:middle;visibility:hidden;width:350px}.impersonate-content-toggled{display:block;visibility:visible}.impersonate-content-active{height:130px;padding:10px 10px 3px}.impersonate-content-non-active{height:55px;padding:10px 65px 3px 10px}.impersonate-info{font-weight:bolder;letter-spacing:.5px;margin-bottom:5px;margin-top:10px}.impersonate-footer{font-size:95%;margin-top:10px;position:relative}.impersonate-footer-logout{width:50%}.impersonate-footer-logout>a{color:#329fb9;font-weight:bolder;text-decoration:none}.impersonate-footer-logout>a:hover{text-shadow:#dbdfea 1px 1px 1px}.impersonate-footer-version{bottom:0;font-size:90%;position:absolute;right:60px;text-align:right;top:0;width:50%}.impersonate-footer-version>a{color:#329fb9;font-weight:bolder;text-decoration:none}.impersonate-footer-version>a:hover{text-shadow:#dbdfea 1px 1px 1px}.impersonate-toggle{background:#3a90a2;background:linear-gradient(100deg,#3a90a2,#31adc7 48%,#0eb2d3 72%);border:1px solid #dbdfea;border-radius:50%;bottom:-1px;float:right;height:57px;left:0;margin-left:auto;margin-right:0;position:absolute;right:-1px;width:56px}.impersonate-toggle-active{background-image:linear-gradient(to right bottom,#329fb9,#3ca2c4,#4aa4ce,#5aa6d7,#6ca7df,#6bafe7,#6ab7f0,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);border-bottom-right-radius:5px}.impersonate-toggle img{max-height:85%;max-width:85%;transition:transform .8s ease-in-out}.impersonate-animate{transform:scaleX(-1)}.select2.select2-container.select2-container--impersonate{display:inline-block;width:100%!important}.impersonate-select.select2-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.select2-container--impersonate{box-sizing:border-box;margin:0;position:relative;vertical-align:middle}.select2-container--impersonate.select2-container--below.select2-container--open .select2-selection--single{border-radius:4px 4px 0 0}.select2-container--impersonate.select2-container--above.select2-container--open .select2-selection--single{border-radius:0 0 4px 4px}.select2-container--impersonate.select2-container--open .select2-dropdown{border-color:#dbdfea;left:0}.select2-container--impersonate.select2-container--open .select2-selection--single{border-color:#dbdfea!important}.select2-container--impersonate.select2-container--disabled .select2-selection--single{background-color:rgba(219,223,234,.3);border-color:#dbdfea;cursor:default}.select2-container--impersonate.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--impersonate.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--impersonate .select2-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.select2-container--impersonate .select2-dropdown{background-color:#fff;border:1px solid #dbdfea;border-radius:4px;box-shadow:none;display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;padding:6px;position:absolute;z-index:1051}.select2-container--impersonate .select2-dropdown--below{border-radius:0 0 4px 4px;margin-top:-1px}.select2-container--impersonate .select2-dropdown--above{border-radius:4px 4px 0 0;margin-top:1px}.select2-container--impersonate .select2-selection--single{background-color:#fff;border:1px solid #dbdfea;border-radius:4px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;height:calc(2.125rem + 2px);transition:all .3s;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.select2-container--impersonate .select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;padding-left:8px;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.select2-container--impersonate .select2-selection--single .select2-selection__clear{position:relative}.select2-container--impersonate .select2-selection--single:focus{border-color:#329fb9;box-shadow:0 0 0 3px #dbf8ff;outline:none}.select2-container--impersonate .select2-selection--single .select2-selection__rendered{color:#526484;line-height:1.25rem;padding:.4375rem calc(2.125rem + 2px) .4375rem 1rem}.select2-container--impersonate .select2-selection--single .select2-selection__rendered:focus{outline:none}.select2-container--impersonate .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--impersonate .select2-selection--single .select2-selection__placeholder{color:#526484}.select2-container--impersonate .select2-selection--single .select2-selection__arrow{align-items:center;display:flex;height:calc(2.125rem + 2px);justify-content:center;position:absolute;right:0;top:0;width:calc(2.125rem + 2px)}.select2-container--impersonate .select2-selection--single .select2-selection__arrow b{display:none}.select2-container--impersonate .select2-search--inline .select2-search__field{-webkit-appearance:textfield;background:transparent;border:none;box-shadow:none;box-sizing:border-box;font-size:100%;margin-top:5px;outline:0;padding:0}.select2-container--impersonate .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-container--impersonate .select2-search--dropdown{display:block;padding:0}.select2-container--impersonate .select2-search--dropdown .select2-search__field{border:1px solid #dbdfea;border-radius:4px;color:#526484;margin-bottom:6px;padding:.375rem .75rem;width:100%}.select2-container--impersonate .select2-search--dropdown .select2-search__field:focus{outline:none}.select2-container--impersonate .select2-search--dropdown .select2-search__field::-moz-placeholder{color:#526484}.select2-container--impersonate .select2-search--dropdown .select2-search__field:-ms-input-placeholder{color:#526484}.select2-container--impersonate .select2-search--dropdown .select2-search__field::placeholder{color:#526484}.select2-container--impersonate .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-container--impersonate .select2-results>.select2-results__options{max-height:210px;overflow-y:auto}.select2-container--impersonate .select2-results{display:block}.select2-container--impersonate .select2-results__options{border-radius:4px 4px;list-style:none;margin:0;padding:0}.select2-container--impersonate .select2-results__option{border-radius:4px;color:#526484;padding:.375rem .75rem;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.select2-container--impersonate .select2-results__option:not(:last-child){margin-bottom:.125rem}.select2-container--impersonate .select2-results__option__option[aria-selected]{cursor:pointer}.select2-container--impersonate .select2-results__option[role=group]{padding:0}.select2-container--impersonate .select2-results__option[aria-disabled=true]{color:rgba(128,148,174,.7)}.select2-container--impersonate .select2-results__option--highlighted[aria-selected],.select2-container--impersonate .select2-results__option[aria-selected=true]{background:#3a90a2;background:linear-gradient(270deg,#3a90a2,#31adc7 48%,#0eb2d3 72%);color:#fff}.select2-container--impersonate .select2-results__option .select2-results__option{padding-left:1em}.select2-container--impersonate .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--impersonate .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--impersonate .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--impersonate .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--impersonate .select2-close-mask{background-color:#fff;border:0;display:block;filter:alpha(opacity=0);height:auto;left:0;margin:0;min-height:100%;min-width:100%;opacity:0;padding:0;position:fixed;top:0;width:auto;z-index:99} +.impersonate-wrapper{background:#fff;border-radius:34px;bottom:40px;color:#526484;font-family:DM Sans,sans-serif;font-size:.8em!important;min-width:58px;position:fixed;right:40px;z-index:9999}.impersonate-wrapper-active{border-radius:5px 5px 5px 5px!important}.impersonate-wrapper-non-active{border-radius:5px 34px 34px 5px!important}.impersonate-border{border:1px solid #dbdfea;bottom:39px;right:39px}.impersonate-content{display:none;height:55px;padding:10px 65px 3px 10px;vertical-align:middle;visibility:hidden;width:350px}.impersonate-content-toggled{display:block;visibility:visible}.impersonate-content-active{height:130px;padding:10px 10px 3px}.impersonate-content-non-active{height:55px;padding:10px 65px 3px 10px}.impersonate-info{font-weight:bolder;letter-spacing:.5px;margin-bottom:5px;margin-top:10px}.impersonate-footer{font-size:95%;margin-top:10px;position:relative}.impersonate-footer-logout{width:50%}.impersonate-footer-logout>a{color:#329fb9;font-weight:bolder;text-decoration:none}.impersonate-footer-logout>a:hover{text-shadow:#dbdfea 1px 1px 1px}.impersonate-footer-version{bottom:0;font-size:90%;position:absolute;right:60px;text-align:right;top:0;width:50%}.impersonate-footer-version>a{color:#329fb9;font-weight:bolder;text-decoration:none}.impersonate-footer-version>a:hover{text-shadow:#dbdfea 1px 1px 1px}.impersonate-toggle{background:#3a90a2;background:linear-gradient(100deg,#3a90a2,#31adc7 48%,#0eb2d3 72%);border:1px solid #dbdfea;border-radius:50%;bottom:-1px;float:right;height:57px;left:0;margin-left:auto;margin-right:0;position:absolute;right:-1px;width:56px}.impersonate-toggle-active{background-image:linear-gradient(to right bottom,#329fb9,#3ca2c4,#4aa4ce,#5aa6d7,#6ca7df,#6bafe7,#6ab7f0,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);border-bottom-right-radius:5px}.impersonate-toggle img{max-height:85%;max-width:85%;transition:transform .8s ease-in-out}.impersonate-animate{transform:scaleX(-1)}.select2.select2-container.select2-container--impersonate{display:inline-block;width:100%!important}.impersonate-select.select2-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.select2-container--impersonate{box-sizing:border-box;margin:0;position:relative;vertical-align:middle}.select2-container--impersonate.select2-container--below.select2-container--open .select2-selection--single{border-radius:4px 4px 0 0}.select2-container--impersonate.select2-container--above.select2-container--open .select2-selection--single{border-radius:0 0 4px 4px}.select2-container--impersonate.select2-container--open .select2-dropdown{border-color:#dbdfea;left:0}.select2-container--impersonate.select2-container--open .select2-selection--single{border-color:#dbdfea!important}.select2-container--impersonate.select2-container--disabled .select2-selection--single{background-color:rgba(219,223,234,.3);border-color:#dbdfea;cursor:default}.select2-container--impersonate.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--impersonate.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--impersonate .select2-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.select2-container--impersonate .select2-dropdown{background-color:#fff;border:1px solid #dbdfea;border-radius:4px;box-shadow:none;display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;padding:6px;position:absolute;z-index:1051}.select2-container--impersonate .select2-dropdown--below{border-radius:0 0 4px 4px;margin-top:-1px}.select2-container--impersonate .select2-dropdown--above{border-radius:4px 4px 0 0;margin-top:1px}.select2-container--impersonate .select2-selection--single{background-color:#fff;border:1px solid #dbdfea;border-radius:4px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;height:calc(2.125rem + 2px);transition:all .3s;-moz-user-select:none;-webkit-user-select:none;user-select:none}.select2-container--impersonate .select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;padding-left:8px;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.select2-container--impersonate .select2-selection--single .select2-selection__clear{position:relative}.select2-container--impersonate .select2-selection--single:focus{border-color:#329fb9;box-shadow:0 0 0 3px #dbf8ff;outline:none}.select2-container--impersonate .select2-selection--single .select2-selection__rendered{color:#526484;line-height:1.25rem;padding:.4375rem calc(2.125rem + 2px) .4375rem 1rem}.select2-container--impersonate .select2-selection--single .select2-selection__rendered:focus{outline:none}.select2-container--impersonate .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--impersonate .select2-selection--single .select2-selection__placeholder{color:#526484}.select2-container--impersonate .select2-selection--single .select2-selection__arrow{align-items:center;display:flex;height:calc(2.125rem + 2px);justify-content:center;position:absolute;right:0;top:0;width:calc(2.125rem + 2px)}.select2-container--impersonate .select2-selection--single .select2-selection__arrow b{display:none}.select2-container--impersonate .select2-search--inline .select2-search__field{-webkit-appearance:textfield;background:transparent;border:none;box-shadow:none;box-sizing:border-box;font-size:100%;margin-top:5px;outline:0;padding:0}.select2-container--impersonate .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-container--impersonate .select2-search--dropdown{display:block;padding:0}.select2-container--impersonate .select2-search--dropdown .select2-search__field{border:1px solid #dbdfea;border-radius:4px;color:#526484;margin-bottom:6px;padding:.375rem .75rem;width:100%}.select2-container--impersonate .select2-search--dropdown .select2-search__field:focus{outline:none}.select2-container--impersonate .select2-search--dropdown .select2-search__field::-moz-placeholder{color:#526484}.select2-container--impersonate .select2-search--dropdown .select2-search__field::placeholder{color:#526484}.select2-container--impersonate .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-container--impersonate .select2-results>.select2-results__options{max-height:210px;overflow-y:auto}.select2-container--impersonate .select2-results{display:block}.select2-container--impersonate .select2-results__options{border-radius:4px 4px;list-style:none;margin:0;padding:0}.select2-container--impersonate .select2-results__option{border-radius:4px;color:#526484;padding:.375rem .75rem;-moz-user-select:none;-webkit-user-select:none;user-select:none}.select2-container--impersonate .select2-results__option:not(:last-child){margin-bottom:.125rem}.select2-container--impersonate .select2-results__option__option[aria-selected]{cursor:pointer}.select2-container--impersonate .select2-results__option[role=group]{padding:0}.select2-container--impersonate .select2-results__option[aria-disabled=true]{color:rgba(128,148,174,.7)}.select2-container--impersonate .select2-results__option--highlighted[aria-selected],.select2-container--impersonate .select2-results__option[aria-selected=true]{background:#3a90a2;background:linear-gradient(270deg,#3a90a2,#31adc7 48%,#0eb2d3 72%);color:#fff}.select2-container--impersonate .select2-results__option .select2-results__option{padding-left:1em}.select2-container--impersonate .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--impersonate .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--impersonate .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--impersonate .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--impersonate .select2-close-mask{background-color:#fff;border:0;display:block;filter:alpha(opacity=0);height:auto;left:0;margin:0;min-height:100%;min-width:100%;opacity:0;padding:0;position:fixed;top:0;width:auto;z-index:99} diff --git a/resources/sass/octopy.scss b/resources/sass/octopy.scss index d10837c..3017163 100644 --- a/resources/sass/octopy.scss +++ b/resources/sass/octopy.scss @@ -11,6 +11,7 @@ min-width: 58px; position: fixed; right: 40px; + z-index: 9999; &-active { border-radius: 5px 5px 5px 5px !important;