Jelajahi Sumber

let `ui.card.tight()` preserve flex layout

Falko Schindler 1 tahun lalu
induk
melakukan
c8072296bb
2 mengubah file dengan 5 tambahan dan 3 penghapusan
  1. 1 3
      nicegui/elements/card.py
  2. 4 0
      nicegui/static/nicegui.css

+ 1 - 3
nicegui/elements/card.py

@@ -22,9 +22,7 @@ class Card(Element):
 
 
     def tight(self) -> Self:
     def tight(self) -> Self:
         """Remove padding and gaps between nested elements."""
         """Remove padding and gaps between nested elements."""
-        self._classes.clear()
-        self._style.clear()
-        return self
+        return self.classes('nicegui-card-tight')
 
 
 
 
 class CardSection(Element):
 class CardSection(Element):

+ 4 - 0
nicegui/static/nicegui.css

@@ -42,6 +42,10 @@
 .nicegui-column {
 .nicegui-column {
   padding: 0;
   padding: 0;
 }
 }
+.nicegui-card-tight {
+  padding: 0;
+  gap: 0;
+}
 
 
 /* original padding for some Quasar elements */
 /* original padding for some Quasar elements */
 .nicegui-step .q-stepper__nav {
 .nicegui-step .q-stepper__nav {