@metropolle/design-system 1.2025.1-2.26.1525 → 1.2025.1-2.29.949
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/components.css +31 -0
- package/package.json +1 -1
package/dist/css/components.css
CHANGED
|
@@ -1036,6 +1036,37 @@ html body div.mds-dropdown select.mds-select-themed {
|
|
|
1036
1036
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
|
|
1037
1037
|
}
|
|
1038
1038
|
|
|
1039
|
+
/* Select dropdown option styles for .mds-input - fixes Edge/Windows dropdown visibility */
|
|
1040
|
+
select.mds-input {
|
|
1041
|
+
-webkit-appearance: none;
|
|
1042
|
+
-moz-appearance: none;
|
|
1043
|
+
appearance: none;
|
|
1044
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
|
|
1045
|
+
background-position: right var(--mds-spacing-md) center;
|
|
1046
|
+
background-repeat: no-repeat;
|
|
1047
|
+
background-size: 16px;
|
|
1048
|
+
padding-right: calc(var(--mds-spacing-md) + 24px);
|
|
1049
|
+
cursor: pointer;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1052
|
+
select.mds-input:disabled {
|
|
1053
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
|
|
1054
|
+
cursor: not-allowed;
|
|
1055
|
+
}
|
|
1056
|
+
|
|
1057
|
+
select.mds-input option {
|
|
1058
|
+
background-color: var(--mds-dashboard-control-option-bg) !important;
|
|
1059
|
+
color: var(--mds-dashboard-control-option-color) !important;
|
|
1060
|
+
padding: var(--mds-spacing-xs) var(--mds-spacing-sm) !important;
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
select.mds-input option:hover,
|
|
1064
|
+
select.mds-input option:focus,
|
|
1065
|
+
select.mds-input option:checked {
|
|
1066
|
+
background-color: var(--mds-dashboard-control-option-bg-hover) !important;
|
|
1067
|
+
color: var(--mds-dashboard-control-option-color-hover) !important;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1039
1070
|
/* Label styles */
|
|
1040
1071
|
.mds-label {
|
|
1041
1072
|
display: block;
|