Small css adjustments
This commit is contained in:
parent
75833e9a7f
commit
aea89f0f05
|
@ -10,7 +10,7 @@
|
|||
class="is-hidden-mobile"
|
||||
id="filter-menu-compress-button"
|
||||
:class="{'filter-menu-compress-button-top-repo': isRepositoryLevel}"
|
||||
:style="{ top: !isOnTheme ? '120px' : (searchControlHeight + 6) + 'px' }"
|
||||
:style="{ top: !isOnTheme ? '120px' : (searchControlHeight - 15) + 'px' }"
|
||||
@click="isFiltersMenuCompressed = !isFiltersMenuCompressed">
|
||||
<b-icon :icon="isFiltersMenuCompressed ? 'menu-right' : 'menu-left'" />
|
||||
</button>
|
||||
|
@ -272,7 +272,7 @@
|
|||
class="gray-icon view-mode-icon"
|
||||
v-if="registeredViewModes[viewMode] != undefined"
|
||||
v-html="registeredViewModes[viewMode].icon"/>
|
||||
<span class="is-hidden-mobile"> {{ $i18n.get('label_visualization') }}</span>
|
||||
<span class="is-hidden-touch"> {{ $i18n.get('label_visualization') }}</span>
|
||||
<b-icon icon="menu-down" />
|
||||
</button>
|
||||
<b-dropdown-item
|
||||
|
|
|
@ -23,6 +23,7 @@
|
|||
max-width: 410px;
|
||||
min-width: 410px;
|
||||
min-height: 218px;
|
||||
max-height: 218px;
|
||||
cursor: pointer;
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
|
@ -129,11 +129,19 @@ export default {
|
|||
}
|
||||
|
||||
.search-control {
|
||||
justify-content: flex-start !important;
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
margin-bottom: $page-small-top-padding;
|
||||
@media screen and (min-width: 769px) {
|
||||
margin-bottom: $page-small-top-padding !important;
|
||||
|
||||
.search-control-item {
|
||||
margin-right: $page-side-padding !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
justify-content: space-between !important;
|
||||
}
|
||||
.search-control-item:first-child>div {
|
||||
margin-left: -8.3333333%;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue