From 9ba2719969bb16b979a4537fb18cf3e29ab48cc1 Mon Sep 17 00:00:00 2001 From: billz Date: Fri, 10 Nov 2023 07:52:22 +0000 Subject: [PATCH 1/2] Style tweaks for modal dialog --- app/css/material-dark.php | 6 ++++-- app/css/material-light.php | 5 +++-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/app/css/material-dark.php b/app/css/material-dark.php index fef671e8e..202b4f33b 100644 --- a/app/css/material-dark.php +++ b/app/css/material-dark.php @@ -206,6 +206,7 @@ function lightenColor($color, $percent) .modal-body { background-color: ; + min-height: 8rem; } .card-header { @@ -288,11 +289,11 @@ function lightenColor($color, $percent) border-bottom-right-radius: 18px!important; border-bottom-left-radius: 18px!important; position: relative; - margin-top: -18px; } .modal-footer { - border-radius: 18px; + margin-top: 0px; + height: 3.5rem; } .card>.card-header::before, .navbar-default::before { @@ -548,6 +549,7 @@ function lightenColor($color, $percent) border-radius: 18px!important; background-color: ; border: 1px solid !important; + padding: 0.5rem; } .btn-sm { diff --git a/app/css/material-light.php b/app/css/material-light.php index f2ad68154..573016919 100644 --- a/app/css/material-light.php +++ b/app/css/material-light.php @@ -286,11 +286,11 @@ function lightenColor($color, $percent) border-bottom-right-radius: 18px!important; border-bottom-left-radius: 18px!important; position: relative; - margin-top: -18px; } .modal-footer { - border-radius: 18px; + margin-top: 0px; + height: 3.5rem; } .card>.card-header::before, .navbar-default::before { @@ -554,6 +554,7 @@ function lightenColor($color, $percent) border-radius: 18px!important; background-color: ; border: 1px solid !important; + padding: 0.5rem; } .btn-sm { From 36e8eecbea73f819de716fb1ed26d144e0000705 Mon Sep 17 00:00:00 2001 From: billz Date: Fri, 10 Nov 2023 09:44:45 +0000 Subject: [PATCH 2/2] Apply card-body bottom radius fix --- app/css/material-dark.php | 4 ++-- app/css/material-light.php | 5 +++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/app/css/material-dark.php b/app/css/material-dark.php index 202b4f33b..524d5e4d8 100644 --- a/app/css/material-dark.php +++ b/app/css/material-dark.php @@ -229,8 +229,6 @@ function lightenColor($color, $percent) border-color: transparent; border-radius: 18px; background-color: ; - box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1), - 0px 4px 6px rgba(0, 0, 0, 0.1); } .card-body { @@ -289,6 +287,8 @@ function lightenColor($color, $percent) border-bottom-right-radius: 18px!important; border-bottom-left-radius: 18px!important; position: relative; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), + 0px 4px 6px rgba(0, 0, 0, 0.1); } .modal-footer { diff --git a/app/css/material-light.php b/app/css/material-light.php index 573016919..0a87f825a 100644 --- a/app/css/material-light.php +++ b/app/css/material-light.php @@ -204,6 +204,7 @@ function lightenColor($color, $percent) .modal-body { background-color: ; + min-height: 8rem; } .card-header { @@ -226,8 +227,6 @@ function lightenColor($color, $percent) border-color: transparent; border-radius: 18px; background-color: ; - box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1), - 0px 4px 6px rgba(0, 0, 0, 0.1); } .card-body { @@ -286,6 +285,8 @@ function lightenColor($color, $percent) border-bottom-right-radius: 18px!important; border-bottom-left-radius: 18px!important; position: relative; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), + 0px 4px 6px rgba(0, 0, 0, 0.1); } .modal-footer {