Skip to content

Commit 3851fe7

Browse files
authored
fix(listbox): adjust listbox syling (#206)
1 parent a943cce commit 3851fe7

File tree

2 files changed

+13
-3
lines changed

2 files changed

+13
-3
lines changed

src/assets/scss/components/_listbox.scss

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,19 +37,28 @@
3737

3838
.list-group-item {
3939
border-width: 0 0 var(--#{$prefix}list-group-border-width);
40+
41+
&.disabled {
42+
--bs-list-group-disabled-bg: var(--bs-secondary-bg-subtle);
43+
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
44+
}
4045
}
4146

4247
> .list-group-item:last-child {
4348
border-bottom: unset;
4449
}
4550

4651
.list-group-list {
47-
margin: 0;
48-
padding: 0;
4952
overflow: auto;
5053
position: relative;
5154
border-radius: inherit;
5255

56+
&,
57+
> ul {
58+
margin: 0;
59+
padding: 0;
60+
}
61+
5362
&:not(:first-child) {
5463
&,
5564
> .list-group-item:first-child {

src/plugins/theme.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ const bootstrapConfig: OrugaOptions = {
9696
mobileClass: undefined,
9797
activeClass: "active",
9898
teleportClass: "teleported",
99-
fullScreenClass: "modal-fullscreen",
99+
fullscreenClass: "modal-fullscreen",
100100
backdropClass: undefined,
101101
wrapperClass: "modal-content",
102102
textPositionClass: "text-",
@@ -258,6 +258,7 @@ const bootstrapConfig: OrugaOptions = {
258258
selectableClass: "selectable",
259259
filterableClass: "filterable",
260260
disabledClass: "disabled",
261+
multipleClass: "multiple",
261262
headerClass: "list-group-header list-group-item",
262263
filterClass: "list-group-filter list-group-item",
263264
footerClass: "list-group-footer list-group-item",

0 commit comments

Comments
 (0)