archive/bramw_baserow
1
0
Fork 0
mirror of https://gitlab.com/bramw/baserow.git synced 2025-05-07 02:10:03 +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 Faker==4.0.2
gunicorn==20.0.4 gunicorn==20.0.4
django-mjml==0.9.0 django-mjml==0.9.0
requests==2.23.0 requests==2.25.0
itsdangerous==1.1.0 itsdangerous==1.1.0
drf-spectacular==0.9.12 drf-spectacular==0.9.12

1
changelog.md
View file

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

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

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