Commit a0fcd62a by xcoder

4. на мобиле RU не читаемая. надо белую

5. мертвая птица на мобиле при нажатии, должна поворачиваться вниз и становится белой
1 parent a615c424
......@@ -88,7 +88,7 @@
<div class="dropdown mobile">
<div
class="btn lng-switcher"
class="btn lng-switcher mobile"
id="langSwitcherMobile"
data-toggle="dropdown"
aria-haspopup="true"
......
......@@ -22,9 +22,16 @@ function do_download() {
}
function openLang(platform) {
console.log(platform);
const dropdownMenu = platform === "desktop" ? document.querySelector(".dropdown-menu") : document.querySelector(".dropdown-menu.mobile");
if (platform === "mobile") {
const mobArrow = document.querySelector(".chevron.mobile");
if (mobArrow != null) {
mobArrow.classList.toggle("rotated");
}
}
if (dropdownMenu != null) {
dropdownMenu.classList.toggle("show");
}
......
......@@ -360,6 +360,10 @@ hr.delimeter {
display: flex;
}
.dropdown.mobile > .btn.lng-switcher.mobile {
color: #fff;
}
.dropdown.mobile > .dropdown-menu.mobile.show {
background-color: transparent;
border: 0;
......@@ -376,7 +380,7 @@ hr.delimeter {
}
.dropdown.mobile > .chevron.mobile {
width: 12px;
width: 22px;
position: relative;
}
......@@ -407,6 +411,15 @@ hr.delimeter {
transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.dropdown.mobile > .chevron.mobile.rotated::before {
top: 9px;
color: #fff;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.mobile-download-btn-wrapper {
width: 100%;
......@@ -430,6 +443,7 @@ hr.delimeter {
background-color: #00b8f0;
border-radius: 103px;
color: #fff;
cursor: pointer;
user-select: none;
}
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!