Css adjustments to search control items.

This commit is contained in:
mateuswetah 2020-04-22 10:33:58 -03:00
parent 54d8d67a28
commit 61bc37f47c
11 changed files with 36 additions and 21 deletions

View File

@ -510,7 +510,7 @@ export default {
}
.gray-icon .icon i::before,
.gray-icon i::before {
max-width: 26px;
max-width: 1.25em;
}
}

View File

@ -603,7 +603,7 @@
}
.gray-icon .icon i::before,
.gray-icon i::before {
max-width: 26px;
max-width: 1.25em;
}
.icon {

View File

@ -245,7 +245,7 @@
}
.gray-icon .icon i::before,
.gray-icon i::before {
max-width: 26px;
max-width: 1.25em;
}
.icon {

View File

@ -545,7 +545,7 @@ export default {
}
.gray-icon .icon i::before,
.gray-icon i::before {
max-width: 26px;
max-width: 1.25em;
}
.icon {

View File

@ -111,7 +111,8 @@
<button
class="button is-secondary"
slot="trigger">
<span>{{ $i18n.getFrom('items','add_new') }}</span>
<span class="is-hidden-touch">{{ $i18n.getFrom('items','add_new') }}</span>
<span class="is-hidden-desktop">{{ $i18n.get('add') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown" />
</span>
@ -228,7 +229,8 @@
<button
:aria-label="$i18n.get('label_sorting_direction')"
class="button is-white"
slot="trigger">
slot="trigger"
style="padding-right: 3px !important;">
<span class="icon is-small gray-icon">
<i
:class="order == 'DESC' ? 'tainacan-icon-sortdescending' : 'tainacan-icon-sortascending'"
@ -405,7 +407,7 @@
<span class="gray-icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
</span>
<span class="is-hidden-mobile">{{ $i18n.get('label_view_as') }}</span>
<span class="is-hidden-tablet-only is-hidden-desktop-only">{{ $i18n.get('label_view_as') }}</span>
</button>
</div>
@ -1488,6 +1490,9 @@
display: flex;
align-items: center;
}
.button.is-white {
padding: 2px 10px !important;
}
.field {
align-items: center;
@ -1502,7 +1507,7 @@
.gray-icon i::before {
font-size: 1.3125em !important;
color: var(--tainacan-info-color) !important;
max-width: 26px;
max-width: 1.25em;
}
.view-mode-icon {

View File

@ -437,7 +437,7 @@
}
.gray-icon .icon i::before,
.gray-icon i::before {
max-width: 26px;
max-width: 1.25em;
}
.icon {

View File

@ -224,7 +224,7 @@
text-align: left;
margin-left: 2px;
padding-left: 0.875em;
border-left: 1px solid var(--tainacan-gray3);
border-left: 1px solid var(--tainacan-gray2);
.tainacan-compound-metadatum .label {
text-align: left;
@ -241,10 +241,10 @@
display: block;
max-height: 1px;
width: 35px;
background: var(--tainacan-gray3);
background: var(--tainacan-gray2);
content: none;
color: transparent;
margin: 1em auto;
margin: 1em auto 1em -0.875em;
}
}

View File

@ -193,7 +193,7 @@ a:hover {
.tainacan-compound-group {
margin-left: 2px;
padding-left: 0.875em;
border-left: 1px solid var(--tainacan-gray3);
border-left: 1px solid var(--tainacan-gray2);
.tainacan-compound-metadatum .label {
margin-bottom: 0.25em;
@ -208,10 +208,10 @@ a:hover {
display: block;
max-height: 1px;
width: 60px;
background: var(--tainacan-gray3);
background: var(--tainacan-gray2);
content: none;
color: transparent;
margin: 1em auto;
margin: 1em auto 1em -0.875em;
}
}

View File

@ -89,6 +89,7 @@ return apply_filters( 'tainacan-admin-i18n', [
'undo' => __( 'Undo', 'tainacan' ),
'delete' => __( 'Delete', 'tainacan' ),
'skip' => __( 'Skip', 'tainacan' ),
'add' => __( 'Add', 'tainacan' ),
// Wordpress CommentsStatus
'comments_status_open' => __( 'Open', 'tainacan' ),

View File

@ -201,7 +201,7 @@
<template v-if="!hideSortByButton">
<span
class="label"
style="padding-left: 2px;">
style="padding-left: 2px !important;">
{{ $i18n.get('info_by_inner') }}
</span>
<b-dropdown
@ -337,7 +337,7 @@
<span class="gray-icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
</span>
<span class="is-hidden-touch is-hidden-desktop-only">{{ $i18n.get('label_view_as') }}</span>
<span class="is-hidden-tablet-only is-hidden-desktop-only ">{{ $i18n.get('label_view_as') }}</span>
</button>
</div>
</div>
@ -1321,6 +1321,10 @@
color: var(--tainacan-input-color) !important;
background: transparent;
}
.button.is-white {
padding: 2px 10px !important;
}
.field {
align-items: center;
@ -1330,12 +1334,17 @@
.gray-icon .icon {
color: var(--tainacan-info-color) !important;
padding-right: 10px;
justify-content: space-between;
&.is-small {
width: 1em;
height: 1em;
}
}
.gray-icon .icon i::before,
.gray-icon i::before {
font-size: 1.3125em !important;
color: var(--tainacan-info-color) !important;
max-width: 26px;
max-width: 1.25em;
}
.dropdown-menu {

View File

@ -195,7 +195,7 @@ export default {
.tainacan-compound-group {
margin-left: 2px;
padding-left: 0.875em;
border-left: 1px solid var(--tainacan-gray3);
border-left: 1px solid var(--tainacan-gray2);
.tainacan-compound-metadatum .label {
margin-bottom: 0.25em;
@ -210,10 +210,10 @@ export default {
display: block;
max-height: 1px;
width: 60px;
background: var(--tainacan-gray3);
background: var(--tainacan-gray2);
content: none;
color: transparent;
margin: 1em auto;
margin: 1em auto 1em -0.875em;
}
}