@postnord/pn-marketweb-components 2.4.24 → 2.4.26

package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.css

@@ -0,0 +1,90 @@
+pn-multi-row-connected-dropdown-row {
+  gap: 1rem;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element {
+  margin-bottom: 0.5rem;
+}
+pn-multi-row-connected-dropdown-row pn-select {
+  width: 35%;
+}
+pn-multi-row-connected-dropdown-row pn-marketweb-input {
+  width: 10%;
+}
+pn-multi-row-connected-dropdown-row pn-marketweb-input input {
+  height: 4.3rem;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown {
+  padding: 1rem;
+  border-left: 0.2rem solid #005D92;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown:hover {
+  background-color: #F9F8F8;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button {
+  width: 20%;
+  margin-bottom: 0.5rem;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__row {
+  display: flex;
+  align-items: flex-end;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  justify-content: space-between;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin {
+  margin: 0;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__button-container {
+  display: flex;
+  align-items: flex-end;
+  gap: 1rem;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__button {
+  background-color: #ffffff;
+  border: solid;
+  border-width: 0.1rem;
+  border-radius: 0.8rem;
+  border-color: #005D92;
+  padding: 0.4rem 0.8rem;
+  color: #005D92;
+  font-size: 1.4rem;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover, pn-multi-row-connected-dropdown-row .connected-dropdown__button.active {
+  background-color: #0D234B;
+  border-color: #0D234B;
+  color: #ffffff;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right {
+  display: flex;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__button-right {
+  margin-left: auto;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__label-container {
+  margin-bottom: 0.4rem;
+  color: #5E554A;
+  font-size: 0.875em;
+  justify-content: space-between;
+  align-items: flex-end;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox {
+  display: flex;
+  gap: 0.5rem;
+}
+pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot {
+  border: 0.1rem solid #005D92;
+  margin-bottom: 1rem;
+  padding: 1rem;
+}
+pn-multi-row-connected-dropdown-row .generated-date-row {
+  border-bottom: 0.1rem solid #005D92;
+}