diff --git a/webroot/css/themes/additional/bootstrap-additional.css b/webroot/css/themes/additional/bootstrap-additional.css index 4267558..856c413 100644 --- a/webroot/css/themes/additional/bootstrap-additional.css +++ b/webroot/css/themes/additional/bootstrap-additional.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #0d6efd; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #0b5ed7; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #6c757d; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #5c636a; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #198754; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #157347; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #000; text-decoration: none; background-color: #0dcaf0; } + .dropdown-item.dropdown-item-info:hover { + color: #000; + background-color: #31d2f2; } .dropdown-item.dropdown-item-outline-info:hover { color: #000; @@ -146,6 +158,9 @@ color: #000; text-decoration: none; background-color: #ffc107; } + .dropdown-item.dropdown-item-warning:hover { + color: #000; + background-color: #ffca2c; } .dropdown-item.dropdown-item-outline-warning:hover { color: #000; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #dc3545; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #bb2d3b; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #000; text-decoration: none; background-color: #f8f9fa; } + .dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #f9fafb; } .dropdown-item.dropdown-item-outline-light:hover { color: #000; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #212529; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #1c1f23; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-darkly.css b/webroot/css/themes/theme-darkly.css index db7749b..20753ce 100644 --- a/webroot/css/themes/theme-darkly.css +++ b/webroot/css/themes/theme-darkly.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #375a7f; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #2f4d6c; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #444; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #3a3a3a; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #00bc8c; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #00a077; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #fff; text-decoration: none; background-color: #3498db; } + .dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #2c81ba; } .dropdown-item.dropdown-item-outline-info:hover { color: #fff; @@ -146,6 +158,9 @@ color: #fff; text-decoration: none; background-color: #f39c12; } + .dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #cf850f; } .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #e74c3c; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c44133; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #fff; text-decoration: none; background-color: #adb5bd; } + .dropdown-item.dropdown-item-light:hover { + color: #fff; + background-color: #939aa1; } .dropdown-item.dropdown-item-outline-light:hover { color: #fff; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #303030; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #292929; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-default.css b/webroot/css/themes/theme-default.css index 921e63b..cdcb24b 100644 --- a/webroot/css/themes/theme-default.css +++ b/webroot/css/themes/theme-default.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #0d6efd; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #0b5ed7; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #6c757d; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #5c636a; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #198754; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #157347; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #000; text-decoration: none; background-color: #0dcaf0; } + .dropdown-item.dropdown-item-info:hover { + color: #000; + background-color: #31d2f2; } .dropdown-item.dropdown-item-outline-info:hover { color: #000; @@ -146,6 +158,9 @@ color: #000; text-decoration: none; background-color: #ffc107; } + .dropdown-item.dropdown-item-warning:hover { + color: #000; + background-color: #ffca2c; } .dropdown-item.dropdown-item-outline-warning:hover { color: #000; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #dc3545; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #bb2d3b; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #000; text-decoration: none; background-color: #f8f9fa; } + .dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #f9fafb; } .dropdown-item.dropdown-item-outline-light:hover { color: #000; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #212529; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #1c1f23; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-flatly.css b/webroot/css/themes/theme-flatly.css index 0a602ec..25fe7ea 100644 --- a/webroot/css/themes/theme-flatly.css +++ b/webroot/css/themes/theme-flatly.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #2c3e50; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #253544; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #95a5a6; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #7f8c8d; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #18bc9c; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #14a085; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #fff; text-decoration: none; background-color: #3498db; } + .dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #2c81ba; } .dropdown-item.dropdown-item-outline-info:hover { color: #fff; @@ -146,6 +158,9 @@ color: #fff; text-decoration: none; background-color: #f39c12; } + .dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #cf850f; } .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #e74c3c; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c44133; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #000; text-decoration: none; background-color: #ecf0f1; } + .dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #eff2f3; } .dropdown-item.dropdown-item-outline-light:hover { color: #000; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #7b8a8b; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #697576; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-minty.css b/webroot/css/themes/theme-minty.css index 91ed043..cdeae1a 100644 --- a/webroot/css/themes/theme-minty.css +++ b/webroot/css/themes/theme-minty.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #2c3e50; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #253544; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #95a5a6; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #7f8c8d; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #18bc9c; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #14a085; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #fff; text-decoration: none; background-color: #3498db; } + .dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #2c81ba; } .dropdown-item.dropdown-item-outline-info:hover { color: #fff; @@ -146,6 +158,9 @@ color: #fff; text-decoration: none; background-color: #f39c12; } + .dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #cf850f; } .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #e74c3c; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c44133; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #000; text-decoration: none; background-color: #ecf0f1; } + .dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #eff2f3; } .dropdown-item.dropdown-item-outline-light:hover { color: #000; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #7b8a8b; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #697576; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-quartz.css b/webroot/css/themes/theme-quartz.css index 1264dc7..f39d2b8 100644 --- a/webroot/css/themes/theme-quartz.css +++ b/webroot/css/themes/theme-quartz.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #e83283; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #c52b6f; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #000; text-decoration: none; background-color: rgba(255, 255, 255, 0.4); } + .dropdown-item.dropdown-item-secondary:hover { + color: #000; + background-color: rgba(255, 255, 255, 0.49); } .dropdown-item.dropdown-item-outline-secondary:hover { color: #000; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #41d7a7; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #37b78e; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #fff; text-decoration: none; background-color: #39cbfb; } + .dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #30add5; } .dropdown-item.dropdown-item-outline-info:hover { color: #fff; @@ -146,6 +158,9 @@ color: #fff; text-decoration: none; background-color: #ffc107; } + .dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #d9a406; } .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #fd7e14; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #d76b11; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #000; text-decoration: none; background-color: #e9e9e8; } + .dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #ececeb; } .dropdown-item.dropdown-item-outline-light:hover { color: #000; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #212529; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #1c1f23; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-slate.css b/webroot/css/themes/theme-slate.css index dc24b0a..6fc39ae 100644 --- a/webroot/css/themes/theme-slate.css +++ b/webroot/css/themes/theme-slate.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #3a3f44; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #31363a; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #7a8288; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #686f74; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #62c462; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #53a753; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #fff; text-decoration: none; background-color: #5bc0de; } + .dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #4da3bd; } .dropdown-item.dropdown-item-outline-info:hover { color: #fff; @@ -146,6 +158,9 @@ color: #fff; text-decoration: none; background-color: #f89406; } + .dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #d37e05; } .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #ee5f5b; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #ca514d; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #000; text-decoration: none; background-color: #e9ecef; } + .dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #eceff1; } .dropdown-item.dropdown-item-outline-light:hover { color: #000; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #272b30; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #212529; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -251,18 +275,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/css/themes/theme-vapor.css b/webroot/css/themes/theme-vapor.css index a9d64aa..c8f9498 100644 --- a/webroot/css/themes/theme-vapor.css +++ b/webroot/css/themes/theme-vapor.css @@ -110,6 +110,9 @@ color: #fff; text-decoration: none; background-color: #6f42c1; } + .dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #5e38a4; } .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; @@ -119,6 +122,9 @@ color: #fff; text-decoration: none; background-color: #ea39b8; } + .dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #c7309c; } .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; @@ -128,6 +134,9 @@ color: #fff; text-decoration: none; background-color: #3cf281; } + .dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #33ce6e; } .dropdown-item.dropdown-item-outline-success:hover { color: #fff; @@ -137,6 +146,9 @@ color: #fff; text-decoration: none; background-color: #1ba2f6; } + .dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #178ad1; } .dropdown-item.dropdown-item-outline-info:hover { color: #fff; @@ -146,6 +158,9 @@ color: #fff; text-decoration: none; background-color: #ffc107; } + .dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #d9a406; } .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; @@ -155,6 +170,9 @@ color: #fff; text-decoration: none; background-color: #e44c55; } + .dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c24148; } .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; @@ -164,6 +182,9 @@ color: #fff; text-decoration: none; background-color: #44d9e8; } + .dropdown-item.dropdown-item-light:hover { + color: #fff; + background-color: #3ab8c5; } .dropdown-item.dropdown-item-outline-light:hover { color: #fff; @@ -173,6 +194,9 @@ color: #fff; text-decoration: none; background-color: #170229; } + .dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #140223; } .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; @@ -255,18 +279,30 @@ .mw-75 { max-width: 75% !important; } +.mw-66 { + max-width: 66% !important; } + .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; } + .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; } + .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; } + .mh-25 { max-height: 25% !important; } diff --git a/webroot/theme/scss/additional/bootstrap-additional.scss b/webroot/theme/scss/additional/bootstrap-additional.scss index 6cdc3c2..9b234dd 100644 --- a/webroot/theme/scss/additional/bootstrap-additional.scss +++ b/webroot/theme/scss/additional/bootstrap-additional.scss @@ -50,6 +50,11 @@ $toast-color-level: 70% !default; color: color-contrast($value); text-decoration: none; background-color: $value; + + &:hover { + color: color-contrast($value); + background-color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $btn-hover-bg-shade-amount), tint-color($value, $btn-hover-bg-tint-amount)) + } } &.dropdown-item-outline-#{$color} { @@ -135,19 +140,31 @@ $toast-color-level: 70% !default; // ); .mw-75 { max-width: 75% !important; - } +} +.mw-66 { + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } +.mw-33 { + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; } .mh-75 { max-height: 75% !important; } +.mh-66 { + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } +.mh-33 { + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; }