@pinuts/bsr-uikit-relaunch 0.2.84 → 0.2.86
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/index.js +1 -1
- package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.js +4 -4
- package/dist/items/eventWizardItems/EventPicker/EventPicker.js +1 -4
- package/dist/items/eventWizardItems/FormTitle/FormTitle.js +2 -2
- package/dist/styles/_form.scss +5 -0
- package/package.json +1 -1
|
@@ -67,7 +67,7 @@ const CheckboxField = props => {
|
|
|
67
67
|
const hasDescription = !!infobadge || !!subtitle;
|
|
68
68
|
const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
|
|
69
69
|
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
-
className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100
|
|
70
|
+
className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100 justify-content-start align-items-center d-block d-md-flex "
|
|
71
71
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
72
72
|
className: ""
|
|
73
73
|
}, field, inputProps, {
|
|
@@ -80,12 +80,12 @@ const CheckboxField = props => {
|
|
|
80
80
|
className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
|
|
81
81
|
htmlFor: inputProps.id
|
|
82
82
|
}, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, header)), hasDescription && /*#__PURE__*/_react.default.createElement("div", {
|
|
83
|
-
className: "h5 mr-4 ml-auto d-flex",
|
|
83
|
+
className: "h5 mr-4 ml-auto d-flex pl-5 pl-md-0 pb-3 pb-md-0",
|
|
84
84
|
id: descriptionId
|
|
85
85
|
}, subtitle && /*#__PURE__*/_react.default.createElement("div", {
|
|
86
|
-
className: "small mt-1 mr-4"
|
|
86
|
+
className: "small mt-1 mr-4 pl-4 pl-md-0"
|
|
87
87
|
}, subtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
|
|
88
|
-
className: "badge badge-secondary rounded-pill ml-auto mt-1 mt-sm-
|
|
88
|
+
className: "badge badge-secondary rounded-pill ml-auto mt-1 mt-sm-0 h-100"
|
|
89
89
|
}, infobadge), required && /*#__PURE__*/_react.default.createElement("span", {
|
|
90
90
|
className: "pi-required text-primary mr-1"
|
|
91
91
|
}, "*"))));
|
|
@@ -117,10 +117,7 @@ const EventPicker = _ref => {
|
|
|
117
117
|
locationSelectLink: locationSelectLink
|
|
118
118
|
}), errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
119
119
|
variant: "danger"
|
|
120
|
-
}, errorMsg), renderedEvents.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
121
|
-
role: "group",
|
|
122
|
-
"aria-labelledby": `selectGroup-${groupName}`
|
|
123
|
-
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
120
|
+
}, errorMsg), renderedEvents.length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("ul", {
|
|
124
121
|
className: "checkboxes picker-list"
|
|
125
122
|
}, renderedEvents)) : /*#__PURE__*/_react.default.createElement("h4", null, "Keine Veranstaltungen an diesem Termin w\xE4hlbar"));
|
|
126
123
|
};
|
|
@@ -60,11 +60,11 @@ const FormTitle = _ref => {
|
|
|
60
60
|
"aria-describedby": labelId
|
|
61
61
|
}, header), steps && /*#__PURE__*/_react.default.createElement("p", {
|
|
62
62
|
id: labelId,
|
|
63
|
-
className: "pi-steps ml-sm-auto text-sm-right text-
|
|
63
|
+
className: "pi-steps ml-sm-auto text-sm-right text-dark"
|
|
64
64
|
}, /*#__PURE__*/_react.default.createElement("small", {
|
|
65
65
|
className: "mr-1 mr-sm-0"
|
|
66
66
|
}, "Schritt"), steps.current > 0 && /*#__PURE__*/_react.default.createElement("span", {
|
|
67
|
-
className: "h4 d-inline d-sm-block mt-0
|
|
67
|
+
className: "h4 d-inline d-sm-block mt-0"
|
|
68
68
|
}, `${steps.current} ${steps.total ? `von ${steps.total}` : ''}`))), steps && /*#__PURE__*/_react.default.createElement("div", {
|
|
69
69
|
className: "pi-step-indicator d-flex mb-4"
|
|
70
70
|
}, stepCreator(steps)), errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
package/dist/styles/_form.scss
CHANGED
|
@@ -465,6 +465,11 @@ form input[type="checkbox"] + label:before {
|
|
|
465
465
|
cursor: pointer;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
+
form input[type="checkbox"]:hover + label:before,
|
|
469
|
+
form input[type="checkbox"]:focus + label:before {
|
|
470
|
+
box-shadow: 0 0 0 0.2rem rgba(255, 124.95, 38.25, 0.5);
|
|
471
|
+
}
|
|
472
|
+
|
|
468
473
|
/* TAG */
|
|
469
474
|
.tag {
|
|
470
475
|
position: relative;
|