fix: restrict words in news grid

Kirrito-k423 · Jan 22, 2024 · 4ad1c9c · 4ad1c9c
1 parent 37ed0f5
commit 4ad1c9c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/layouts/news/list.html b/layouts/news/list.html
@@ -117,7 +117,7 @@ <h3>
 			{{ range .Data.Pages }}
 				{{ if and (and (ne .Params.selectedInFirstPage 2) (ne .Params.selectedInFirstPage 1)) (ne .Params.selectedInFirstPage 3)}}
 
-				<article class="small-grid">
+				<article class="small-grid auto-height">
 					<div class = "small-grid-pic">
 						<a href="{{ .RelPermalink }}">
 							{{ $img := .Params.img_url }}
@@ -133,7 +133,7 @@ <h3>
 							{{ end }}
 						</a>
 					</div>
-					<div class="small-grid-content">
+					<div class="small-grid-content small-news-content">
 						<div class="post-meta">
 							<p>{{ .Params.types }}</p>
 						</div>

diff --git a/static/css/style5News.css b/static/css/style5News.css
@@ -112,6 +112,16 @@
     line-height: 1.2em;
 }
 
+.auto-height{
+    height: auto;
+}
+
+.small-news-content{
+    position: relative;
+    top: 0;
+    padding: 28px 28px 10px 28px;
+}
+
 @media only screen and (max-width: 1450px) {
     .first-grid {
         width: 95%;