From 7a700364f274e9180fcd1b5374ae501121240300 Mon Sep 17 00:00:00 2001 From: Coleslater Date: Sat, 16 Mar 2024 21:53:12 +0800 Subject: [PATCH 1/3] Project cards with little text display properly Project cards with less than 2 lines of description now display correctly --- assets/css/style.scss | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/assets/css/style.scss b/assets/css/style.scss index 6935e5771..af8d760a6 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -276,16 +276,30 @@ a.navbar-item.is-active { transform: scale(0.95); transition: all 0.5s ease; margin-bottom: 0.5rem !important; - display: inline-table; + display: flex; + flex-direction: column; &:hover { transform: scale(0.975); } + > a { + flex: 1; + display: flex; + flex-direction: column; + } } .card { transition: all 0.25s ease; + display: flex; + flex-direction: column; + flex: 1; &:hover { background-color: rgba($color: #000000, $alpha: 0.90)!important; } + > div { + display: flex; + flex-direction: column; + flex: 1; + } } } @@ -352,4 +366,4 @@ a.navbar-item.is-active { display: inline-block; } } -} \ No newline at end of file +} From 9a386124c257883b4104252aedd95aa639225dee Mon Sep 17 00:00:00 2001 From: Coleslater Date: Sat, 13 Apr 2024 15:59:19 +0800 Subject: [PATCH 2/3] Hides project card image if there's none to display --- assets/css/style.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/assets/css/style.scss b/assets/css/style.scss index af8d760a6..44405f09a 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -266,6 +266,13 @@ a.navbar-item.is-active { background-repeat: no-repeat; background-size: cover; } + // Hides image if there's none to display + .image[style="background-image: url();"] { + display: none; + // Alternatively, you could add a placeholder image by + // commenting out the above line and uncommenting the line below: + // background-image: url(../images/1280x720\ Placeholder.png); + } } } From 8a51a96c25895460b1c0e2075b879434181d1943 Mon Sep 17 00:00:00 2001 From: Coleslater Date: Sat, 13 Apr 2024 16:11:39 +0800 Subject: [PATCH 3/3] Added !important to override inline CSS --- assets/css/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/style.scss b/assets/css/style.scss index 44405f09a..a4bf585ab 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -271,7 +271,7 @@ a.navbar-item.is-active { display: none; // Alternatively, you could add a placeholder image by // commenting out the above line and uncommenting the line below: - // background-image: url(../images/1280x720\ Placeholder.png); + // background-image: url(../images/1280x720\ Placeholder.png) !important; } } }