Css adjustments to search control items.
This commit is contained in:
parent
54d8d67a28
commit
61bc37f47c
|
@ -510,7 +510,7 @@ export default {
|
|||
}
|
||||
.gray-icon .icon i::before,
|
||||
.gray-icon i::before {
|
||||
max-width: 26px;
|
||||
max-width: 1.25em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -603,7 +603,7 @@
|
|||
}
|
||||
.gray-icon .icon i::before,
|
||||
.gray-icon i::before {
|
||||
max-width: 26px;
|
||||
max-width: 1.25em;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
|
@ -245,7 +245,7 @@
|
|||
}
|
||||
.gray-icon .icon i::before,
|
||||
.gray-icon i::before {
|
||||
max-width: 26px;
|
||||
max-width: 1.25em;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
|
@ -545,7 +545,7 @@ export default {
|
|||
}
|
||||
.gray-icon .icon i::before,
|
||||
.gray-icon i::before {
|
||||
max-width: 26px;
|
||||
max-width: 1.25em;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -437,7 +437,7 @@
|
|||
}
|
||||
.gray-icon .icon i::before,
|
||||
.gray-icon i::before {
|
||||
max-width: 26px;
|
||||
max-width: 1.25em;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -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' ),
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue