| @@ -32,121 +32,151 @@ | ||
| 32 | 32 | --editor-one-flyout-menu-scrollbar-width: 6px; |
| 33 | 33 | --editor-one-flyout-menu-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); |
| 34 | 34 | --editor-one-flyout-menu-folded-left: 36px; |
| 35 | 35 | } |
| 36 | -#adminmenu .elementor-has-flyout .elementor-submenu-flyout { | |
| 36 | +#adminmenu .elementor-has-flyout { | |
| 37 | + position: relative; | |
| 38 | +} | |
| 39 | +#adminmenu .elementor-has-flyout:hover > .elementor-submenu-flyout, #adminmenu .elementor-has-flyout.elementor-flyout-open > .elementor-submenu-flyout { | |
| 40 | + display: block; | |
| 41 | +} | |
| 42 | +#adminmenu .elementor-has-flyout > a { | |
| 43 | + display: flex; | |
| 44 | + align-items: center; | |
| 45 | + justify-content: space-between; | |
| 46 | +} | |
| 47 | +#adminmenu .elementor-has-flyout > a::after { | |
| 48 | + content: ""; | |
| 49 | + display: inline-block; | |
| 50 | + width: 0; | |
| 51 | + height: 0; | |
| 52 | + margin-inline-start: var(--editor-one-flyout-menu-spacing-sm); | |
| 53 | + border-top: var(--editor-one-flyout-menu-arrow-size) solid transparent; | |
| 54 | + border-bottom: var(--editor-one-flyout-menu-arrow-size) solid transparent; | |
| 55 | + border-inline-start: var(--editor-one-flyout-menu-arrow-size) solid currentColor; | |
| 56 | +} | |
| 57 | +#adminmenu .elementor-submenu-flyout { | |
| 58 | + position: absolute; | |
| 59 | + inset-inline-start: 100%; | |
| 60 | + top: calc(var(--editor-one-flyout-menu-padding-y) * -1 - var(--editor-one-flyout-menu-parent-padding)); | |
| 37 | 61 | display: none; |
| 62 | + min-width: var(--editor-one-flyout-menu-min-width); | |
| 63 | + margin: 0; | |
| 64 | + padding: var(--editor-one-flyout-menu-padding-y) 0; | |
| 65 | + list-style: none; | |
| 66 | + background: var(--editor-one-flyout-menu-bg); | |
| 67 | + box-shadow: var(--editor-one-flyout-menu-box-shadow); | |
| 68 | + z-index: var(--editor-one-flyout-menu-z-index); | |
| 69 | + border-radius: 0 var(--editor-one-flyout-menu-border-radius) var(--editor-one-flyout-menu-border-radius) 0; | |
| 38 | 70 | } |
| 71 | +.rtl #adminmenu .elementor-submenu-flyout { | |
| 72 | + border-radius: var(--editor-one-flyout-menu-border-radius) 0 0 var(--editor-one-flyout-menu-border-radius); | |
| 73 | +} | |
| 74 | +#adminmenu .elementor-submenu-flyout.elementor-level-3 { | |
| 75 | + min-width: var(--editor-one-flyout-menu-min-width); | |
| 76 | + max-height: var(--editor-one-flyout-menu-max-height); | |
| 77 | + overflow: visible; | |
| 78 | +} | |
| 79 | +#adminmenu .elementor-submenu-flyout.elementor-submenu-flyout-visible { | |
| 80 | + display: block; | |
| 81 | +} | |
| 82 | +#adminmenu .elementor-submenu-flyout li { | |
| 83 | + margin: 0; | |
| 84 | + padding: 0; | |
| 85 | + position: relative; | |
| 86 | + display: block !important; | |
| 87 | +} | |
| 88 | +#adminmenu .elementor-submenu-flyout li a { | |
| 89 | + display: block; | |
| 90 | + padding: var(--editor-one-flyout-menu-spacing-sm) var(--editor-one-flyout-menu-padding-x); | |
| 91 | + color: var(--editor-one-flyout-menu-text); | |
| 92 | + text-decoration: none; | |
| 93 | + font-size: var(--editor-one-flyout-menu-font-size); | |
| 94 | + line-height: var(--editor-one-flyout-menu-line-height); | |
| 95 | + white-space: nowrap; | |
| 96 | + transition: background-color var(--editor-one-flyout-menu-transition-duration) ease, color var(--editor-one-flyout-menu-transition-duration) ease; | |
| 97 | +} | |
| 98 | +#adminmenu .elementor-submenu-flyout li a:hover, #adminmenu .elementor-submenu-flyout li a:focus { | |
| 99 | + background: var(--editor-one-flyout-menu-bg-hover); | |
| 100 | + color: var(--editor-one-flyout-menu-text-hover); | |
| 101 | +} | |
| 102 | +#adminmenu .elementor-submenu-flyout li.elementor-menu-separator { | |
| 103 | + border-top: var(--editor-one-flyout-menu-border-width) solid var(--editor-one-flyout-menu-border); | |
| 104 | + margin: var(--editor-one-flyout-menu-spacing-xs) 0; | |
| 105 | + padding: 0; | |
| 106 | +} | |
| 107 | +#adminmenu .elementor-submenu-flyout .elementor-has-flyout > a { | |
| 108 | + padding-inline-end: var(--editor-one-flyout-menu-padding-x-large); | |
| 109 | +} | |
| 110 | +#adminmenu .elementor-submenu-flyout .elementor-has-flyout > a::after { | |
| 111 | + position: absolute; | |
| 112 | + inset-inline-end: var(--editor-one-flyout-menu-arrow-right); | |
| 113 | + top: 50%; | |
| 114 | + transform: translateY(-50%); | |
| 115 | + margin-inline-start: 0; | |
| 116 | +} | |
| 117 | +#adminmenu .elementor-submenu-flyout .elementor-submenu-flyout { | |
| 118 | + inset-inline-start: 100%; | |
| 119 | + top: calc(var(--editor-one-flyout-menu-padding-y) * -1); | |
| 120 | +} | |
| 121 | +#adminmenu .elementor-submenu-flyout::-webkit-scrollbar { | |
| 122 | + width: var(--editor-one-flyout-menu-scrollbar-width); | |
| 123 | +} | |
| 124 | +#adminmenu .elementor-submenu-flyout::-webkit-scrollbar-track { | |
| 125 | + background: var(--editor-one-flyout-menu-bg); | |
| 126 | +} | |
| 127 | +#adminmenu .elementor-submenu-flyout::-webkit-scrollbar-thumb { | |
| 128 | + background: var(--editor-one-flyout-menu-border); | |
| 129 | + border-radius: var(--editor-one-flyout-menu-border-radius-sm); | |
| 130 | +} | |
| 131 | +#adminmenu .elementor-submenu-flyout::-webkit-scrollbar-thumb:hover { | |
| 132 | + background: var(--editor-one-flyout-menu-scrollbar-thumb-hover); | |
| 133 | +} | |
| 39 | 134 | |
| 40 | -@media screen and (min-width: 783px) { | |
| 41 | - #adminmenu .elementor-has-flyout { | |
| 42 | - position: relative; | |
| 43 | - } | |
| 44 | - #adminmenu .elementor-has-flyout.elementor-flyout-open > .elementor-submenu-flyout { | |
| 45 | - display: block; | |
| 46 | - } | |
| 47 | - #adminmenu .elementor-has-flyout > a { | |
| 48 | - display: flex; | |
| 49 | - align-items: center; | |
| 50 | - justify-content: space-between; | |
| 51 | - } | |
| 52 | - #adminmenu .elementor-has-flyout > a::after { | |
| 53 | - content: ""; | |
| 54 | - display: inline-block; | |
| 55 | - width: 0; | |
| 56 | - height: 0; | |
| 57 | - margin-inline-start: var(--editor-one-flyout-menu-spacing-sm); | |
| 58 | - border-top: var(--editor-one-flyout-menu-arrow-size) solid transparent; | |
| 59 | - border-bottom: var(--editor-one-flyout-menu-arrow-size) solid transparent; | |
| 60 | - border-inline-start: var(--editor-one-flyout-menu-arrow-size) solid currentColor; | |
| 61 | - } | |
| 135 | +.folded #adminmenu .elementor-submenu-flyout { | |
| 136 | + inset-inline-start: var(--editor-one-flyout-menu-folded-left); | |
| 137 | +} | |
| 138 | +.folded #adminmenu .elementor-submenu-flyout .elementor-submenu-flyout { | |
| 139 | + inset-inline-start: 100%; | |
| 140 | + top: calc(var(--editor-one-flyout-menu-padding-y) * -1); | |
| 141 | +} | |
| 142 | + | |
| 143 | +body:not(.folded) #adminmenu .wp-has-current-submenu .elementor-submenu-flyout, | |
| 144 | +body:not(.folded) #adminmenu .wp-menu-open .elementor-submenu-flyout { | |
| 145 | + inset-inline-start: 100%; | |
| 146 | + top: calc(var(--editor-one-flyout-menu-padding-y) * -1); | |
| 147 | +} | |
| 148 | + | |
| 149 | +@media screen and (max-width: 782px) { | |
| 62 | 150 | #adminmenu .elementor-submenu-flyout { |
| 63 | - position: absolute; | |
| 64 | - inset-inline-start: 100%; | |
| 65 | - top: calc(var(--editor-one-flyout-menu-padding-y) * -1 - var(--editor-one-flyout-menu-parent-padding)); | |
| 151 | + position: static; | |
| 66 | 152 | display: none; |
| 67 | - min-width: var(--editor-one-flyout-menu-min-width); | |
| 68 | - margin: 0; | |
| 69 | - padding: var(--editor-one-flyout-menu-padding-y) 0; | |
| 70 | - list-style: none; | |
| 71 | - background: var(--editor-one-flyout-menu-bg); | |
| 72 | - box-shadow: var(--editor-one-flyout-menu-box-shadow); | |
| 73 | - z-index: var(--editor-one-flyout-menu-z-index); | |
| 74 | - border-radius: 0 var(--editor-one-flyout-menu-border-radius) var(--editor-one-flyout-menu-border-radius) 0; | |
| 75 | - } | |
| 76 | - .rtl #adminmenu .elementor-submenu-flyout { | |
| 77 | - border-radius: var(--editor-one-flyout-menu-border-radius) 0 0 var(--editor-one-flyout-menu-border-radius); | |
| 78 | - } | |
| 79 | - #adminmenu .elementor-submenu-flyout.elementor-level-3 { | |
| 80 | - min-width: var(--editor-one-flyout-menu-min-width); | |
| 81 | - max-height: var(--editor-one-flyout-menu-max-height); | |
| 82 | - overflow: visible; | |
| 83 | - } | |
| 84 | - #adminmenu .elementor-submenu-flyout.elementor-submenu-flyout-visible { | |
| 85 | - display: block; | |
| 86 | - } | |
| 87 | - #adminmenu .elementor-submenu-flyout li { | |
| 88 | - margin: 0; | |
| 89 | - padding: 0; | |
| 90 | - position: relative; | |
| 91 | - display: block !important; | |
| 92 | - } | |
| 93 | - #adminmenu .elementor-submenu-flyout li a { | |
| 94 | - display: block; | |
| 95 | - padding: var(--editor-one-flyout-menu-spacing-sm) var(--editor-one-flyout-menu-padding-x); | |
| 96 | - color: var(--editor-one-flyout-menu-text); | |
| 97 | - text-decoration: none; | |
| 98 | - font-size: var(--editor-one-flyout-menu-font-size); | |
| 99 | - line-height: var(--editor-one-flyout-menu-line-height); | |
| 100 | - white-space: nowrap; | |
| 101 | - transition: background-color var(--editor-one-flyout-menu-transition-duration) ease, color var(--editor-one-flyout-menu-transition-duration) ease; | |
| 102 | - } | |
| 103 | - #adminmenu .elementor-submenu-flyout li a:hover, #adminmenu .elementor-submenu-flyout li a:focus { | |
| 153 | + box-shadow: none; | |
| 104 | 154 | background: var(--editor-one-flyout-menu-bg-hover); |
| 105 | - color: var(--editor-one-flyout-menu-text-hover); | |
| 155 | + border-radius: 0; | |
| 156 | + padding-inline-start: var(--editor-one-flyout-menu-padding-mobile); | |
| 106 | 157 | } |
| 107 | - #adminmenu .elementor-submenu-flyout li.elementor-flyout-divider, #adminmenu .elementor-submenu-flyout li.elementor-menu-separator { | |
| 108 | - border-top: var(--editor-one-flyout-menu-border-width) solid var(--editor-one-flyout-menu-border); | |
| 109 | - margin: var(--editor-one-flyout-menu-spacing-xs) 0; | |
| 110 | - padding: 0; | |
| 111 | - } | |
| 112 | - #adminmenu .elementor-submenu-flyout .elementor-has-flyout > a { | |
| 113 | - padding-inline-end: var(--editor-one-flyout-menu-padding-x-large); | |
| 114 | - } | |
| 115 | - #adminmenu .elementor-submenu-flyout .elementor-has-flyout > a::after { | |
| 116 | - position: absolute; | |
| 117 | - inset-inline-end: var(--editor-one-flyout-menu-arrow-right); | |
| 118 | - top: 50%; | |
| 119 | - transform: translateY(-50%); | |
| 120 | - margin-inline-start: 0; | |
| 121 | - } | |
| 122 | 158 | #adminmenu .elementor-submenu-flyout .elementor-submenu-flyout { |
| 123 | - inset-inline-start: 100%; | |
| 124 | - top: calc(var(--editor-one-flyout-menu-padding-y) * -1); | |
| 159 | + position: static; | |
| 160 | + padding-inline-start: var(--editor-one-flyout-menu-padding-mobile); | |
| 125 | 161 | } |
| 126 | - #adminmenu .elementor-submenu-flyout::-webkit-scrollbar { | |
| 127 | - width: var(--editor-one-flyout-menu-scrollbar-width); | |
| 162 | + #adminmenu .elementor-has-flyout.elementor-flyout-open > .elementor-submenu-flyout { | |
| 163 | + display: block; | |
| 128 | 164 | } |
| 129 | - #adminmenu .elementor-submenu-flyout::-webkit-scrollbar-track { | |
| 130 | - background: var(--editor-one-flyout-menu-bg); | |
| 165 | + #adminmenu .elementor-has-flyout > a::after { | |
| 166 | + border-left: var(--editor-one-flyout-menu-arrow-size) solid transparent; | |
| 167 | + border-right: var(--editor-one-flyout-menu-arrow-size) solid transparent; | |
| 168 | + border-top: var(--editor-one-flyout-menu-arrow-size) solid currentColor; | |
| 169 | + margin-inline-start: var(--editor-one-flyout-menu-spacing-sm); | |
| 170 | + position: static; | |
| 171 | + transform: none; | |
| 131 | 172 | } |
| 132 | - #adminmenu .elementor-submenu-flyout::-webkit-scrollbar-thumb { | |
| 133 | - background: var(--editor-one-flyout-menu-border); | |
| 134 | - border-radius: var(--editor-one-flyout-menu-border-radius-sm); | |
| 173 | + #adminmenu .elementor-has-flyout.elementor-flyout-open > a::after { | |
| 174 | + border-top: none; | |
| 175 | + border-bottom: var(--editor-one-flyout-menu-arrow-size) solid currentColor; | |
| 135 | 176 | } |
| 136 | - #adminmenu .elementor-submenu-flyout::-webkit-scrollbar-thumb:hover { | |
| 137 | - background: var(--editor-one-flyout-menu-scrollbar-thumb-hover); | |
| 138 | - } | |
| 139 | 177 | } |
| 140 | 178 | #menu-posts-elementor_library { |
| 141 | 179 | display: none !important; |
| 142 | -} | |
| 143 | - | |
| 144 | -[class*=branch-7] #adminmenu { | |
| 145 | - --editor-one-flyout-menu-bg: rgb(12.15, 12.15, 12.15); | |
| 146 | - --editor-one-flyout-menu-bg-level-4: rgb(12.15, 12.15, 12.15); | |
| 147 | - --editor-one-flyout-menu-bg-hover: rgb(12.15, 12.15, 12.15); | |
| 148 | - --editor-one-flyout-menu-bg-hover-alt: rgb(12.15, 12.15, 12.15); | |
| 149 | - --editor-one-flyout-menu-text-hover: rgb(123, 144, 255); | |
| 150 | 180 | } |
| 151 | 181 | |
| 152 | 182 | /*# sourceMappingURL=admin-menu.css.map */ |
