From 137fc7f1afe550716746d264a2bf1e8219bacfc2 Mon Sep 17 00:00:00 2001
From: "vijay.tilak" <vijaykrishnatilak@gmail.com>
Date: Sun, 26 Apr 2020 02:19:56 +1200
Subject: [PATCH] More layout fixes/Page height fix/Cleaner CSS
---
layouts/v7/modules/Users/Login.tpl | 3 +-
layouts/v7/skins/contact/style.css | 41 +++++++++++-------
layouts/v7/skins/inventory/style.css | 41 +++++++++++-------
layouts/v7/skins/marketing/style.css | 41 +++++++++++-------
.../v7/skins/marketing_and_sales/style.css | 41 +++++++++++-------
layouts/v7/skins/project/style.css | 41 +++++++++++-------
layouts/v7/skins/sales/style.css | 41 +++++++++++-------
layouts/v7/skins/support/style.css | 41 +++++++++++-------
layouts/v7/skins/tools/style.css | 41 +++++++++++-------
layouts/v7/skins/vtiger/style.less | 43 +++++++++++--------
layouts/v7/skins/vtiger/variables.less | 2 +-
11 files changed, 236 insertions(+), 140 deletions(-)
diff --git a/layouts/v7/modules/Users/Login.tpl b/layouts/v7/modules/Users/Login.tpl
index fe80966cc..edfdb5c4a 100644
--- a/layouts/v7/modules/Users/Login.tpl
+++ b/layouts/v7/modules/Users/Login.tpl
@@ -15,7 +15,6 @@
background-position: center;
background-size: cover;
width: 100%;
- height: 96%;
background-repeat: no-repeat;
}
hr {
@@ -204,7 +203,7 @@
</style>
<span class="app-nav"></span>
- <div class="col-lg-12">
+ <div class="container-fluid main-container">
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<div class="loginDiv widgetHeight">
<img class="img-responsive user-logo" src="layouts/v7/resources/Images/vtiger.png">
diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index b3d0be8c4..66070fb89 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,5 +7690,8 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/inventory/style.css b/layouts/v7/skins/inventory/style.css
index 651709911..8e66bbc9e 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
.modules-menu ul li.active a {
border-left: 3px solid #F1C40F;
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index 968b55517..45f36ec60 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
.modules-menu ul li.active a {
border-left: 3px solid #EF5E29;
diff --git a/layouts/v7/skins/marketing_and_sales/style.css b/layouts/v7/skins/marketing_and_sales/style.css
index 45fa14a49..b7ba502d6 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
.modules-menu ul li.active a {
border-left: 3px solid #3CB878;
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index a1bd9cf5a..2975ae267 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
.modules-menu ul li.active a {
border-left: 3px solid #8E44AD;
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 45fa14a49..b7ba502d6 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
.modules-menu ul li.active a {
border-left: 3px solid #3CB878;
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index 76088c69d..6e1f0010c 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,6 +7690,9 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
.modules-menu ul li.active a {
border-left: 3px solid #6297C3;
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index 9539ba133..06f228eb7 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -49,32 +49,31 @@ a:active {
/************ Layout **************/
/**********************************/
html {
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body {
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size: 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container {
margin-right: 15px;
}
#page {
- min-height: 100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice {
font-family: 'OpenSans-Regular', sans-serif;
}
-body {
- font-family: 'OpenSans-Regular', sans-serif;
- font-size: 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar {
background: #fff;
border-bottom: 0;
@@ -100,7 +99,7 @@ body {
}
.main-container {
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after {
@@ -108,6 +107,9 @@ body {
display: block;
clear: both;
}
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container {
display: inline-block;
@@ -157,14 +159,13 @@ body {
min-height: 100%;
background: #FFFFFF;
border-right: 1px solid #DDDDDD;
+ overflow: auto;
}
.main-container .content-area {
width: 100%;
padding-left: 283px;
- min-height: 768px;
}
.main-container .settingsPageDiv {
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -796,6 +797,9 @@ a.menu-item:hover {
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area {
padding-left: 3%;
}
@@ -1987,6 +1991,10 @@ th {
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
font-size: 35px;
}
+.detailViewContainer {
+ background: #f9f9f9;
+ min-height: inherit;
+}
.detailViewContainer .block {
background: #FFFFFF;
border: 1px solid #F3F3F3;
@@ -7649,7 +7657,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60 {
- margin-left: 0px ;
+ margin-left: 0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -7682,5 +7690,8 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layouts/v7/skins/vtiger/style.less b/layouts/v7/skins/vtiger/style.less
index 75e9b52b2..34c5e2b97 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -60,32 +60,31 @@ a:focus,a:active{
/************ Layout **************/
/**********************************/
html{
- height: 100%;
+ margin: 0;
+ padding: 0;
overflow-y: auto;
+ min-height: 100%;
}
body{
- width: 100%;
margin: 0;
padding: 0;
- height: 100%;
+ font-family: 'OpenSans-Regular', sans-serif;
+ font-size : 12px;
+ font-weight: normal;
+ font-style: normal;
+ font-kerning: normal;
+ height: inherit;
}
body > .mCSB_inside > .mCSB_container{
margin-right: 15px;
}
#page{
- min-height:100%;
padding-top: 84px;
+ height: inherit;
}
.select2-container .select2-choice{
font-family: 'OpenSans-Regular', sans-serif;
}
-body{
- font-family: 'OpenSans-Regular', sans-serif;
- font-size : 12px;
- font-weight: normal;
- font-style: normal;
- font-kerning: normal;
-}
.app-fixed-navbar{
background: #fff;
border-bottom: 0;
@@ -111,7 +110,7 @@ body{
}
.main-container{
position: relative;
- min-height: 100%;
+ min-height: calc(100vh - 110px);
}
.main-container:before,
.main-container:after{
@@ -119,7 +118,9 @@ body{
display: block;
clear:both;
}
-
+.main-container .row {
+ min-height: inherit;
+}
@media (min-width: 992px) {
.global-nav .logo-container{
display: inline-block;
@@ -170,14 +171,13 @@ body{
min-height: 100%;
background: @white;
border-right: 1px solid @lightColorBorder;
+ overflow: auto;
}
.main-container .content-area{
width: 100%;
padding-left:283px;
- min-height: 768px;
}
.main-container .settingsPageDiv{
- min-height: 768px;
padding-left: 230px;
}
.main-container .settingsNav {
@@ -859,10 +859,12 @@ a.menu-item:hover{
/*************************************************/
/******** View styles (List/Edit/Detail..) *******/
/*************************************************/
+.viewContent {
+ height: inherit;
+}
.viewContent .content-area{
padding-left : 3%;
}
-
.viewContent .content-area.full-width{
padding-left : 15px;
}
@@ -2188,6 +2190,10 @@ strong, b, th{
font-size: 35px;
}
//ends
+.detailViewContainer {
+ background:@detailViewbackground;
+ min-height: inherit;
+}
.detailViewContainer .block{
background:@white;
border:1px solid @detailViewContainerBorderColor;
@@ -8587,7 +8593,7 @@ body .fc {
font-size: 13px;
}
.overlay-container-60{
- margin-left:0px ;
+ margin-left:0 ;
}
.overlayPageContent {
padding-bottom: 0;
@@ -8620,5 +8626,8 @@ body .fc {
margin-left: 1px;
padding-top: 1px;
}
+ .listViewPageDiv #table-content {
+ overflow: scroll !important;
+ }
}
diff --git a/layouts/v7/skins/vtiger/variables.less b/layouts/v7/skins/vtiger/variables.less
index 44816d2ec..f8b9c579a 100644
--- a/layouts/v7/skins/vtiger/variables.less
+++ b/layouts/v7/skins/vtiger/variables.less
@@ -138,7 +138,7 @@
//Detail view background color
@detailViewContainerBorderColor: @timeiconbackgroundcolor;
-@detailViewbackground: @layoutAddButtonHover;
+@detailViewbackground: #f9f9f9;
@referencefieldBackground:@timeiconbackgroundcolor;
//relative activities images
--
GitLab