bachir/gdp_vuewp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#2075 Unifier la hauteur des input

Browse Source
This commit is contained in:
bachir
2023-06-15 23:05:58 +02:00
parent 9ca7df2734
commit f7a86556b2
2 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.scss
+20 -4
View File
@@ -840,15 +840,18 @@ section[role="main-content"]{
} }
>nav{ >nav{
$pager_h:2em; $filter_m: 0.3em;
$pager_h:18px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
span.nav-title{ display:none; } span.nav-title{ display:none; }
section#toc{ section#toc{
$m:0.5em;
box-sizing: content-box; box-sizing: content-box;
padding:0 0 1em 1.5em; padding:0 0 1em 1.5em;
height:calc(100% - #{$pager_h}); margin-bottom: $m;
height:calc(100% - #{$pager_h} - #{$m} - #{$filter_m});
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
line-height: $base-line / 2; line-height: $base-line / 2;
@@ -989,7 +992,8 @@ section[role="main-content"]{
// height:$pager_h; // height:$pager_h;
overflow: hidden; overflow: hidden;
box-sizing: content-box; box-sizing: content-box;
padding:1em 0 0 1.5em; padding:0 0 0 1.5em;
margin: 0 0 $filter_m 0;
select{ select{
option{ option{
padding:0; padding:0;
@@ -1001,7 +1005,7 @@ section[role="main-content"]{
height:$pager_h; height:$pager_h;
overflow: hidden; overflow: hidden;
box-sizing: content-box; box-sizing: content-box;
padding:1em 0 0 1.5em; padding:0 0 0 1.5em;
select{ select{
option{ option{
padding:0; padding:0;
@@ -1271,6 +1275,14 @@ footer[role="tools"]{
max-height: $list-item-h * 3; max-height: $list-item-h * 3;
@include accordeon-transition($list-item-h * 3); @include accordeon-transition($list-item-h * 3);
>header{ >header{
>*{
padding:0 0 5px;
// line-height: $base-line / 2;
&.v-select{
padding-top:5px;
}
}
.search-keys{ .search-keys{
font-size: 0.756em; font-size: 0.756em;
font-weight: 500; font-weight: 500;
@@ -1558,6 +1570,10 @@ footer[role="tools"]{
} }
.vs__selected-options{ .vs__selected-options{
background-color: #fff; background-color: #fff;
height:18px;
>input{
height:100%;
}
} }
.vs__actions{ .vs__actions{
padding:1px 3px; padding:1px 3px;
src/components/nav/Results.vue
+4 -2
View File
@@ -8,8 +8,10 @@
> >
<header class="small-col-12 med-col-1 large-col-1"> <header class="small-col-12 med-col-1 large-col-1">
<h2>Resultats</h2> <h2>Resultats</h2>
<span class="search-keys">{{ searchedKeys }}</span> <div>
<span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span> <span class="search-keys">{{ searchedKeys }}</span>
<span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span>
</div>
<v-select <v-select
id="sorting" id="sorting"
type="select" type="select"