rounded corners

This commit is contained in:
2026-01-12 07:52:57 +01:00
parent b746019c83
commit 9fc26ca8db
+33 -4
View File
@@ -705,8 +705,6 @@ data:
min-height: 2.2em !important; min-height: 2.2em !important;
padding: 0.5em 0 0.5em 12px !important; /* top right bottom LEFT */ padding: 0.5em 0 0.5em 12px !important; /* top right bottom LEFT */
box-sizing: border-box !important; box-sizing: border-box !important;
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
} }
/* The h2 title text inside */ /* The h2 title text inside */
@@ -774,8 +772,6 @@ data:
.widget-type-reddit, .widget-type-reddit,
.widget-type-bookmarks { .widget-type-bookmarks {
background-color: rgba(20, 50, 70, 0.35) !important; /* DARK BLUE, semi-transparent */ background-color: rgba(20, 50, 70, 0.35) !important; /* DARK BLUE, semi-transparent */
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
} }
/* RSS feed items */ /* RSS feed items */
@@ -823,6 +819,39 @@ data:
background: rgba(45, 126, 136, 0.16); background: rgba(45, 126, 136, 0.16);
} }
/* =========================================================================
WIDGET ROUNDED CORNERS
========================================================================= */
/* The parent widget container - round ALL corners and clip children */
.widget {
border-radius: 12px !important;
overflow: hidden !important; /* This clips the children to the rounded shape */
}
/* Header - round only TOP corners */
.widget-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
/* Content - round only BOTTOM corners */
.widget-content,
.widget-content:not(.widget-content-frameless),
.widget-content-frame {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
}
/* For widgets without headers (content only), round all corners */
.widget:not(:has(.widget-header)) .widget-content {
border-radius: 12px !important;
}
/* ========================================================================= /* =========================================================================
BOOKMARK STYLING BOOKMARK STYLING
The link cards in bookmark widgets The link cards in bookmark widgets