archive/bramw_baserow
1
0
Fork 0
mirror of https://gitlab.com/bramw/baserow.git synced 2025-04-11 07:51:20 +00:00
Code Issues Projects Releases Wiki Activity

Resolve "Single select dropdown needs to be aligned"

Browse source
This commit is contained in:
Bram Wiepjes 2021-02-11 13:17:24 +00:00
parent 273c76ef16
commit 5e32bc8e8e
2 changed files with 15 additions and 8 deletions
web-frontend/modules
core/assets/scss/components/fields
single_select.scss
database/components/field
FieldSingleSelectDropdown.vue

15
web-frontend/modules/core/assets/scss/components/fields/single_select.scss
View file

@ -3,14 +3,21 @@
}
.field-single-select__dropdown-link {
display: block;
padding: 6px 10px;
display: flex;
align-items: center;
padding: 0 10px;
height: 32px;
&:hover {
text-decoration: none;
}
}
.field-single-select__dropdown-selected {
display: flex;
align-items: center;
}
.field-single-select__dropdown-option {
@extend %ellipsis;
@ -21,8 +28,4 @@
max-width: 100%;
@include fixed-height(20px, 12px);
&.field-single-select__dropdown-option--align-32 {
margin-top: 5px;
}
}

8
web-frontend/modules/database/components/field/FieldSingleSelectDropdown.vue
View file

@ -4,10 +4,14 @@
:class="{ 'dropdown--floating': !showInput }"
@contextmenu.stop
>
<a v-if="showInput" class="dropdown__selected" @click="show()">
<a
v-if="showInput"
class="field-single-select__dropdown-selected dropdown__selected"
@click="show()"
>
<div
v-if="hasValue()"
class="field-single-select__dropdown-option field-single-select__dropdown-option--align-32"
class="field-single-select__dropdown-option"
:class="'background-color--' + selectedColor"
>
{{ selectedName }}