Fix rtl mobile header menu.

This commit is contained in:
Miguel Medeiros 2021-11-01 11:11:50 -03:00
parent 377eb0cae5
commit 6e35102b3a
No known key found for this signature in database
GPG Key ID: 819EDEE4673F3EBB
3 changed files with 32 additions and 5 deletions

View File

@ -72,6 +72,14 @@ li.nav-item {
width: 60%;
}
.navbar {
.dropdown {
button {
width: 62px;
}
}
}
@media (min-width: 576px) {
.navbar-brand {
width: 140px;

View File

@ -17,7 +17,7 @@ form {
}
.btn-block {
width: 58.55px;
width: 62px;
}
.search-box-container {

View File

@ -688,6 +688,25 @@ th {
.reserved { color: #ff8c00 }
.rtl-layout {
.navbar-brand {
margin-right: 0px;
text-align: right;
}
.dropdown {
margin-right: 1rem;
margin-left: 0;
@media (min-width: 576px) {
margin-left: 1rem;
}
@media (min-width: 768px) {
margin-left: 0;
}
}
.dropdown-menu-right {
left: 0px;
right: auto;
}
.fa-arrow-alt-circle-right {
@extend .fa-arrow-alt-circle-right;
-webkit-transform: scaleX(-1);