Filter Panel Alignment space changes

This commit is contained in:
Balu Mahendran 2021-01-07 18:39:23 +05:30 committed by Dillon-Brown
parent 4f8d734e58
commit 0ca4b558d5
7 changed files with 18 additions and 20 deletions

View file

@ -106,7 +106,7 @@ button {
.action-group { .action-group {
float: right; float: right;
margin: 0.3em; margin: 0.3em 0;
.dropdown:hover .dropdown-menu { .dropdown:hover .dropdown-menu {
display: block; display: block;
@ -274,7 +274,7 @@ button {
.pagination-button { .pagination-button {
background: transparent; background: transparent;
border: none; border: none;
margin: 0.3em 0 0 0; margin: 0.4em 0 0 0;
padding: 0; padding: 0;
} }
@ -325,10 +325,9 @@ button.settings-button.dropdown-toggle::after {
} }
.close-button { .close-button {
font-size: 1.25em; font-size: 1em;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-right: 1em;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;
display: inline-flex; display: inline-flex;

View file

@ -12,7 +12,7 @@
color: $shell-grey; color: $shell-grey;
font-size: 1.8em; font-size: 1.8em;
font-weight: 300; font-weight: 300;
margin: 1em; margin: 1em 0.7em;
letter-spacing: 0.1em; letter-spacing: 0.1em;
text-transform: uppercase; text-transform: uppercase;
} }
@ -28,9 +28,6 @@
.list-view-container { .list-view-container {
font-size: 0.85em; font-size: 0.85em;
padding-top: 1em;
padding-left: 1.6em;
padding-right: 1.6em;
margin-bottom: 4em; margin-bottom: 4em;
} }
@ -326,8 +323,8 @@ td.list-group-icon {
.list-view-hr-container { .list-view-hr-container {
font-size: 0.85em; font-size: 0.85em;
padding-top: 0.6em; padding-top: 0.6em;
padding-left: 1.6em; padding-left: 1.2em;
padding-right: 1.6em; padding-right: 1.2em;
} }
.responsive-top-row .responsive-header-link { .responsive-top-row .responsive-header-link {
@ -382,7 +379,7 @@ td {
} }
.pagination-count { .pagination-count {
vertical-align: text-bottom; vertical-align: super;
margin: 0 0.3em; margin: 0 0.3em;
font-weight: bold; font-weight: bold;
} }

View file

@ -1,5 +1,7 @@
.view-container { .view-container {
font-size: 0.85em;
padding-left: 1.6em; padding-left: 1.6em;
padding-right: 1.6em; padding-right: 1.6em;
} }
.small-font {
font-size: 0.85em;
}

View file

@ -1,6 +1,6 @@
<!-- Start List View Container Section --> <!-- Start List View Container Section -->
<div *ngIf="(vm$ | async) as vm" class="list-view-container container-fluid"> <div *ngIf="(vm$ | async) as vm" class="list-view-container container-fluid pt-2">
<div class="row"> <div class="row">
<div [ngClass]="{ 'col-lg-12': !getDisplayWidgets() }" class="col-lg-9"> <div [ngClass]="{ 'col-lg-12': !getDisplayWidgets() }" class="col-lg-9">
<scrm-table [config]="tableConfig"></scrm-table> <scrm-table [config]="tableConfig"></scrm-table>

View file

@ -30,7 +30,7 @@
<scrm-module-title class="list-view-title" [title]="moduleTitle"></scrm-module-title> <scrm-module-title class="list-view-title" [title]="moduleTitle"></scrm-module-title>
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="row mr-1 ml-1"> <div class="row mr-0 ml-1">
<div class="w-100"> <div class="w-100">
<scrm-action-menu></scrm-action-menu> <scrm-action-menu></scrm-action-menu>
</div> </div>
@ -40,7 +40,10 @@
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="showFilters" class="container-fluid view-container pt-3"> <div class="list-view-hr-container">
<hr class="list-view-hr">
</div>
<div *ngIf="showFilters" class="container-fluid pt-2 small-font">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<scrm-list-filter></scrm-list-filter> <scrm-list-filter></scrm-list-filter>

View file

@ -1,9 +1,6 @@
<!-- Start List View Section --> <!-- Start List View Section -->
<div class="list-view" *ngIf="(vm$ | async) as vm"> <div class="list-view" *ngIf="(vm$ | async) as vm">
<scrm-list-header></scrm-list-header> <scrm-list-header></scrm-list-header>
<div class="list-view-hr-container">
<hr class="list-view-hr">
</div>
<scrm-list-container></scrm-list-container> <scrm-list-container></scrm-list-container>
</div> </div>
<!-- End List View Section --> <!-- End List View Section -->

View file

@ -1,7 +1,7 @@
<!-- Start Record View Container Section --> <!-- Start Record View Container Section -->
<div *ngIf="(vm$ | async) as vm" <div *ngIf="(vm$ | async) as vm"
class="record-view-container view-container container-fluid pt-3"> class="record-view-container view-container container-fluid pt-3 small-font">
<div class="row"> <div class="row">
<div class="col-lg-9" [ngClass]="{ 'col-lg-12': !vm.sidebarWidgetConfig.show }"> <div class="col-lg-9" [ngClass]="{ 'col-lg-12': !vm.sidebarWidgetConfig.show }">