improve styling for layouts with less than four columns

kitconcept · Dec 15, 2023 · 11393bb · 11393bb
1 parent 6223779
commit 11393bb
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,10 +8,14 @@
 
 <!-- towncrier release notes start -->
 
+## 1.0.0 (2023-12-06)
+
+- initial release
+
 ## 1.1.0 (2023-12-13)
 
 ### Feature
 
-- add german translations [#2](https://github.com/kitconcept/volto-logos-block/pull/2)
-- remove currently unused description field [#3](https://github.com/kitconcept/volto-logos-block/pull/3)
-- Add possibillity to link on Logo [#4](https://github.com/kitconcept/volto-logos-block/pull/4)
+- add german translations
+- remove currently unused description field
+- Add possibillity to link on Logo
diff --git a/news/1.feature b/news/1.feature
@@ -0,0 +1 @@
+improve styling for layouts with less than four columns @jackahl
diff --git a/news/1.major b/news/1.major
diff --git a/src/theme/main.less b/src/theme/main.less
@@ -71,12 +71,53 @@
 
   .logo-image {
     width: 100%;
+    object-fit: contain;
+  }
+
+  h3 {
+    text-align: center;
+  }
+
+  .four.column.grid {
+    .logo-image {
+      max-width: 200px;
+      height: 100px;
+    }
+
+    h3 {
+      width: 200px;
+    }
+  }
+
+  .three.column.grid {
+    .logo-image {
+      max-width: 200px;
+      height: 200px;
+    }
+
+    h3 {
+      width: 300px;
+    }
+  }
+
+  .two.column.grid {
+    .logo-image {
+      height: 300px;
+    }
   }
 }
 
 .block.logo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
   .logo-image {
     width: 100%;
-    object-position: top left;
+    object-position: top center;
+  }
+
+  h3 {
+    width: 400px;
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		improve styling for layouts with less than four columns @jackahl