Adjusts on advanced search component style

This commit is contained in:
weryques 2018-07-18 14:48:47 -03:00
parent aa54efa562
commit d59a563e9f
2 changed files with 28 additions and 4 deletions

View File

@ -2,6 +2,7 @@
<div>
<div
:style="advancedSearchResults ? { 'padding-top': '0' } : { 'padding-top': '47px' }"
:class="{ 'padding-in-header': isHeader, 'padding-regular': !isHeader }"
class="columns is-multiline tnc-advanced-search-container">
<div
@ -562,9 +563,17 @@
@import '../../scss/_variables.scss';
.tnc-advanced-search-container {
.padding-in-header {
padding-right: 3.3%;
padding-left: 3.7%;
}
.padding-regular {
padding-right: $page-side-padding;
padding-left: $page-side-padding;
}
.tnc-advanced-search-container {
padding-bottom: 47px;
.column {

View File

@ -37,19 +37,22 @@
class="advanced-search-header-dropdown"
position="is-bottom-left">
<a
class="advanced-s-text"
class="advanced-search-text"
slot="trigger">
{{ $i18n.get('advanced_search') }}
</a>
<b-dropdown-item>
<div :style="{'height': '25px'}">
<p class="is-pulled-left">{{ $i18n.get('advanced_search') }}</p>
<p class="is-pulled-left advanced-search-text-di">{{ $i18n.get('advanced_search') }}</p>
<b-icon
type="is-secondary"
icon="menu-up"
class="is-pulled-right" />
</div>
<hr class="advanced-search-hr">
</b-dropdown-item>
<b-dropdown-item
style="padding-left: 0 !important; padding-right: 0 !important;"
:custom="true">
<advanced-search
:metadata="metadata"
@ -239,11 +242,23 @@
}
}
.advanced-s-text {
.advanced-search-text {
margin: 0 12px;
font-size: 12px;
color: white;
}
.advanced-search-text-di {
font-size: 14px;
font-weight: 500;
color: #01295c;
}
.advanced-search-hr {
height: 1px;
margin: 8px 0;
background-color: #298596;
}
}
}
}