Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - improve language dropdown display

Browse Source
This commit is contained in:
Sam 2022-11-30 10:44:19 +01:00
parent 4e9f80af62
commit 00410933e6
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
fittrackee_client/src/components/Common/Dropdown.vue
View File

@ -54,7 +54,7 @@
.dropdown-list { .dropdown-list {
list-style-type: none; list-style-type: none;
background-color: #ffffff; background-color: #ffffff;
padding: 0; padding: 0 !important;
margin-top: 5px; margin-top: 5px;
margin-left: -20px !important; margin-left: -20px !important;
position: absolute; position: absolute;
@ -64,16 +64,12 @@
width: auto !important; width: auto !important;
li { li {
padding-top: 5px; padding: 3px 8px;
padding-right: 5px;
}
li:last-child {
padding-bottom: 5px;
} }
} }
.dropdown-item { .dropdown-item {
cursor: default; cursor: pointer;
&.selected { &.selected {
font-weight: bold; font-weight: bold;
@ -82,5 +78,9 @@
&.selected::after { &.selected::after {
content: ' ✔'; content: ' ✔';
} }
&:hover {
background-color: var(--dropdown-hover-color);
}
} }
</style> </style>

15
fittrackee_client/src/components/NavBar.vue
View File

@ -197,14 +197,10 @@
.nav-item { .nav-item {
padding: 0 10px; padding: 0 10px;
&.dropdown-wrapper {
width: 60px;
}
::v-deep(.dropdown-list) { ::v-deep(.dropdown-list) {
margin-left: -10px; padding-left: $default-padding;
padding-left: 10px; padding-right: $default-padding;
width: 75px; right: $default-padding;
} }
} }
@ -294,6 +290,11 @@
.nav-item { .nav-item {
padding: 7px 25px; padding: 7px 25px;
::v-deep(.dropdown-list) {
right: initial;
left: 45px;
}
} }
.nav-profile-img { .nav-profile-img {