From 2d8a3cfc627b0eb8a44b2e606df754a4e4a5ae88 Mon Sep 17 00:00:00 2001 From: Daniel <50356015+danny007in@users.noreply.github.com> Date: Tue, 21 Feb 2023 14:26:04 +0530 Subject: [PATCH] small box reworked --- src/html/pages/index.astro | 26 ++++++------- src/html/pages/index3.astro | 13 +++++-- src/html/pages/widgets/info-box.astro | 1 - src/html/pages/widgets/small-box.astro | 27 ++++++------- src/scss/_small-box.scss | 52 +++++++------------------- 5 files changed, 50 insertions(+), 69 deletions(-) diff --git a/src/html/pages/index.astro b/src/html/pages/index.astro index e19229ad1..dd918a249 100644 --- a/src/html/pages/index.astro +++ b/src/html/pages/index.astro @@ -15,7 +15,6 @@ const page = 'index' - @@ -51,9 +50,9 @@ const page = 'index'

New Orders

-
- -
+ More info @@ -66,9 +65,9 @@ const page = 'index'

Bounce Rate

-
- -
+ More info @@ -81,9 +80,9 @@ const page = 'index'

User Registrations

-
- -
+ More info @@ -96,9 +95,10 @@ const page = 'index'

Unique Visitors

-
- -
+ More info diff --git a/src/html/pages/index3.astro b/src/html/pages/index3.astro index cb2829e44..cf262e815 100644 --- a/src/html/pages/index3.astro +++ b/src/html/pages/index3.astro @@ -14,7 +14,6 @@ const page = 'index3' - @@ -243,7 +242,9 @@ const page = 'index3'

- +

@@ -255,7 +256,9 @@ const page = 'index3'

- +

@@ -267,7 +270,9 @@ const page = 'index3'

- +

diff --git a/src/html/pages/widgets/info-box.astro b/src/html/pages/widgets/info-box.astro index 5546d606d..015b4811e 100644 --- a/src/html/pages/widgets/info-box.astro +++ b/src/html/pages/widgets/info-box.astro @@ -13,7 +13,6 @@ const page = 'info-box' -

diff --git a/src/html/pages/widgets/small-box.astro b/src/html/pages/widgets/small-box.astro index 5666b0456..11348e0d3 100644 --- a/src/html/pages/widgets/small-box.astro +++ b/src/html/pages/widgets/small-box.astro @@ -13,7 +13,6 @@ const page = 'small-box' -
@@ -41,6 +40,7 @@ const page = 'small-box'
Small Box
+
@@ -50,9 +50,9 @@ const page = 'small-box'

New Orders

-
- -
+ More info
@@ -65,9 +65,9 @@ const page = 'small-box'

Bounce Rate

-
- -
+ More info
@@ -80,9 +80,9 @@ const page = 'small-box'

User Registrations

-
- -
+ More info
@@ -95,9 +95,10 @@ const page = 'small-box'

Unique Visitors

-
- -
+ More info diff --git a/src/scss/_small-box.scss b/src/scss/_small-box.scss index e90ad1c0a..8e5ffa4aa 100644 --- a/src/scss/_small-box.scss +++ b/src/scss/_small-box.scss @@ -5,10 +5,11 @@ .small-box { @include border-radius($border-radius); @include box-shadow($lte-card-shadow); - position: relative; display: block; margin-bottom: 1.25rem; + --bs-link-color-rgb: none; + --bs-heading-color: none; // content wrapper > .inner { @@ -20,14 +21,12 @@ z-index: 10; display: block; padding: 3px 0; - color: rgba($white, .8); text-align: center; text-decoration: none; - background-color: rgba($black, .1); + background-color: rgba($black, .07); &:hover { - color: $white; - background-color: rgba($black, .15); + background-color: rgba($black, .1); } } @@ -92,30 +91,15 @@ } // the icon - .icon { + .small-box-icon { + position: absolute; + top: 15px; + right: 15px; z-index: 0; + height: 70px; + font-size: 70px; color: rgba($black, .15); - - > i { - position: absolute; - top: 15px; - right: 15px; - font-size: 90px; - @include transition(transform $lte-transition-speed linear); - - &.inner-icon { - top: 20px; - font-size: 70px; - } - } - - svg { - position: absolute; - top: 15px; - right: 15px; - font-size: 70px; - @include transition(transform $lte-transition-speed linear); - } + @include transition(transform $lte-transition-speed linear); } // Small box hover state @@ -123,16 +107,8 @@ text-decoration: none; // Animate icons on small box hover - .icon { - > i { - &, - &.inner-icon { - transform: scale(1.1); - } - } - > svg { - transform: scale(1.1); - } + .small-box-icon { + transform: scale(1.1); } } } @@ -142,7 +118,7 @@ .small-box { text-align: center; - .icon { + .small-box-icon { display: none; }