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

Resolve "The sort choose field context doesn't have a hover effect anymore"

Browse source
This commit is contained in:
Bram Wiepjes 2020-11-22 13:12:08 +00:00
parent f485a89997
commit a823bcd26d
4 changed files with 36 additions and 31 deletions
backend/requirements
base.txt
changelog.md
web-frontend/modules
core/assets/scss/components
sortings.scss
database/components/view
ViewSortContext.vue

2
backend/requirements/base.txt
View file

@ -8,6 +8,6 @@ ipython==7.13.0
Faker==4.0.2
gunicorn==20.0.4
django-mjml==0.9.0
requests==2.23.0
requests==2.25.0
itsdangerous==1.1.0
drf-spectacular==0.9.12

1
changelog.md
View file

@ -8,6 +8,7 @@
* Added community chat to the readme.
* Made the cookies strict and secure.
* Removed the redundant _DOMAIN variables.
* Fixed bug where the sort choose field item didn't have a hover effect.
## Released (2020-11-02)

9
web-frontend/modules/core/assets/scss/components/sortings.scss
View file

@ -126,3 +126,12 @@
color: $color-primary-900;
}
}
.sortings__add-context {
max-height: 32 * 4 + 20px;
overflow: auto;
.context__menu-icon {
color: $color-primary-900;
}
}

55
web-frontend/modules/database/components/view/ViewSortContext.vue
View file

@ -118,36 +118,31 @@
<i class="fas fa-plus"></i>
choose a field to sort by
</a>
<Context ref="addContext">
<div class="dropdown dropdown--floating">
<div class="dropdown__items">
<ul ref="items" class="select__items">
<li v-show="isFieldAvailable(primary)" class="select__item">
<a class="select__item-link" @click="addSort(primary)">
<i
class="select__item-icon fas fa-fw"
:class="'fa-' + primary._.type.iconClass"
></i>
{{ primary.name }}
</a>
</li>
<li
v-for="field in fields"
v-show="isFieldAvailable(field)"
:key="field.id"
class="select__item"
>
<a class="select__item-link" @click="addSort(field)">
<i
class="select__item-icon fas fa-fw"
:class="'fa-' + field._.type.iconClass"
></i>
{{ field.name }}
</a>
</li>
</ul>
</div>
</div>
<Context ref="addContext" class="sortings__add-context">
<ul ref="items" class="context__menu">
<li v-show="isFieldAvailable(primary)">
<a @click="addSort(primary)">
<i
class="context__menu-icon fas fa-fw"
:class="'fa-' + primary._.type.iconClass"
></i>
{{ primary.name }}
</a>
</li>
<li
v-for="field in fields"
v-show="isFieldAvailable(field)"
:key="field.id"
>
<a @click="addSort(field)">
<i
class="context__menu-icon fas fa-fw"
:class="'fa-' + field._.type.iconClass"
></i>
{{ field.name }}
</a>
</li>
</ul>
</Context>
</template>
</div>