Fix CSS style issues [wb-SCI-9003]

This commit is contained in:
wandji20 2023-08-17 13:11:58 +01:00
parent 0082b858ec
commit 4a3f8146e3
6 changed files with 7 additions and 11 deletions

View file

@ -18,7 +18,7 @@
flex-basis: 36px;
.sn-icon {
top: calc(50% - .75rem);
position: absolute;
}
.task-search-field {

View file

@ -1217,10 +1217,6 @@ li.module-hover {
.sci-input-container.left-icon {
margin: 1em 0;
}
.sn-icon {
top: calc(50% - .75rem);
}
}
.cards-wrapper.cards {

View file

@ -25,7 +25,7 @@
}
.sci-input-container-v2 input:focus {
border-color: var(--sn-sleepy-grey);
border-color: var(--sn-science-blue);
box-shadow: none;
}

View file

@ -3,7 +3,7 @@
class="flex items-center mr-3 flex-nowrap relative"
v-click-outside="{handler: 'closeSearchInputs', exclude: ['searchInput', 'searchInputBtn', 'barcodeSearchInput', 'barcodeSearchInputBtn']}"
>
<button :class="{hidden: searchOpened}" ref='searchInputBtn' class="btn btn-light btn-lg btn-black icon-btn" :title="i18n.t('repositories.show.search_button_tooltip')" @click="openSearch">
<button :class="{hidden: searchOpened}" ref='searchInputBtn' class="btn btn-light btn-black icon-btn" :title="i18n.t('repositories.show.search_button_tooltip')" @click="openSearch">
<i class="sn-icon sn-icon-search"></i>
</button>
<div v-if="searchOpened || barcodeSearchOpened" class="w-52 flex">
@ -28,7 +28,7 @@
<i class='sn-icon sn-icon-barcode barcode-scanner !mr-2.5'></i>
</div>
</div>
<button :class="{hidden: barcodeSearchOpened}" ref='barcodeSearchInputBtn' class="btn btn-light btn-lg btn-black icon-btn ml-2" :title="i18n.t('repositories.show.ean_search_button_tooltip')" @click="openBarcodeSearch">
<button :class="{hidden: barcodeSearchOpened}" ref='barcodeSearchInputBtn' class="btn btn-light btn-black icon-btn ml-2" :title="i18n.t('repositories.show.ean_search_button_tooltip')" @click="openBarcodeSearch">
<i class='sn-icon sn-icon-barcode barcode-scanner'></i>
</button>
</div>

View file

@ -58,8 +58,8 @@
</div>
</div>
<div class="search-container">
<div class="sci-input-container left-icon ">
<input type="text" class="sci-input-field task-search-field" placeholder="<%= t("dashboard.current_tasks.search") %>"></input>
<div class="sci-input-container-v2 left-icon h-[2.25rem]">
<input type="text" class="sci-input-field task-search-field" placeholder="<%= t("dashboard.current_tasks.search") %>" />
<i class="sn-icon sn-icon-search"></i>
</div>
</div>

View file

@ -8,7 +8,7 @@
<div class="modal-body">
<%= t('projects.index.modal_move_folder.description', items: items_label) %>
<div class="sci-input-container left-icon">
<div class="sci-input-container-v2 left-icon my-4 h-[2.25rem]">
<input type="search" class="form-control sci-input-field" id="searchFolderTree" placeholder="Find a folder"/>
<i class="sn-icon sn-icon-search"></i>
</div>