Language dropdown (update)
unknown
css
2 years ago
2.9 kB
3
Indexable
.topbar-items #translator-peelingi, .topbar-items .translator-dropdown-container, .topbar-items .translator-dropdown-sub-container, .topbar-items .translator-dropdown-body { height: 100% !important; padding: 0 !important; } .topbar-items .translator-dropdown-container .translator-dropdown-body { position: relative; } .topbar-items .translator-dropdown-container .translator-dropdown-current-language { height: 100% !important; display: flex !important; align-items: center; } .translator-dropdown-container .translator-dropdown-current-language-arrow { top: 14px !important; border: 0 !important; width: 14px !important; height: 14px !important; background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTQiIGlkPSJhcnJvdy1kcm9wZG93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAxMC43NzNMMS41MzEgNi4zOThsLjkzOC0xLjE3MUw3IDguODUxbDQuNTMxLTMuNjI0LjkzOCAxLjE3MXoiIGZpbGw9IiNmZmYiPjwvcGF0aD48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ij48L3BhdGg+PC9zdmc+") no-repeat center center !important; } .text-dark .translator-dropdown-container .translator-dropdown-current-language-arrow { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTQiIGlkPSJhcnJvdy1kcm9wZG93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAxMC43NzNMMS41MzEgNi4zOThsLjkzOC0xLjE3MUw3IDguODUxbDQuNTMxLTMuNjI0LjkzOCAxLjE3MXoiIGZpbGw9IiMwMDAiPjwvcGF0aD48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ij48L3BhdGg+PC9zdmc+"); } .translator-dropdown-container .translator-dropdown-languages-list { position: absolute; top: 100%; left: -15px; margin: 0 !important; display: block; opacity: 0; z-index: -1; pointer-events: none; background-color: #fff !important; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); transition: opacity 0.4s; } .translator-dropdown-container .translator-dropdown-languages-list p { padding: 0 !important; transition: 0.3s ease-in !important; } .translator-dropdown-container .translator-dropdown-languages-list p a { padding: 12px 15px !important; box-sizing: border-box; } .translator-dropdown-container .translator-dropdown-languages-list p:hover { background-color: #e3e7e8 !important; } .translator-dropdown-languages-list-opened.translator-dropdown-container .translator-dropdown-body { background: transparent !important; height: 100% !important; box-shadow: none !important; } .translator-dropdown-languages-list-opened.translator-dropdown-container .translator-dropdown-languages-list { z-index: 1600; opacity: 1; pointer-events: initial; } .translator-dropdown-languages-list-opened.translator-dropdown-container .translator-dropdown-current-language, .translator-dropdown-languages-list-opened.translator-dropdown-container .translator-dropdown-current-language span { color: inherit !important; }
Editor is loading...