@mtvh/mtvh-design-system 0.0.32 → 0.0.34
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/assets/scss/app.scss +91 -1
- package/assets/scss/components/_accordion.scss +66 -0
- package/assets/scss/components/_alert.scss +1 -0
- package/assets/scss/components/_all.scss +4 -0
- package/assets/scss/components/_banner.scss +2 -1
- package/assets/scss/components/_button-circle.scss +5 -0
- package/assets/scss/components/_button.scss +22 -9
- package/assets/scss/components/_card-list.scss +19 -5
- package/assets/scss/components/_content-block.scss +13 -28
- package/assets/scss/components/_form.scss +4 -5
- package/assets/scss/components/_good-to-know.scss +5 -0
- package/assets/scss/components/_link.scss +3 -2
- package/assets/scss/components/_pagination.scss +1 -1
- package/assets/scss/components/_payment.scss +59 -0
- package/assets/scss/components/_progress-bar.scss +29 -0
- package/assets/scss/components/_space-selection.scss +11 -1
- package/assets/scss/components/_stepper.scss +26 -1
- package/assets/scss/components/_table.scss +46 -0
- package/assets/scss/components/_tabs.scss +21 -0
- package/assets/scss/config/_icon-list.scss +18 -6
- package/assets/scss/config/_palette.scss +2 -2
- package/assets/scss/config/_variables.scss +29 -5
- package/assets/scss/core/iconography/_icon.scss +4 -0
- package/assets/scss/core/typography/_typography.scss +7 -3
- package/assets/scss/forms/_credit-card-form.scss +9 -2
- package/assets/scss/forms/_file-upload.scss +119 -0
- package/assets/scss/forms/_form-chip.scss +53 -31
- package/assets/scss/forms/_form-control.scss +1 -5
- package/assets/scss/forms/_formio.scss +4 -0
- package/assets/scss/forms/_search.scss +2 -1
- package/assets/scss/forms/_validation.scss +12 -0
- package/assets/scss/mixins/_butttons.scss +5 -7
- package/assets/scss/mixins/_form.scss +1 -8
- package/assets/scss/mixins/_style.scss +39 -0
- package/assets/scss/mtvh.scss +1 -1
- package/dist/js/app.min.js +1 -1
- package/dist/mtvh.min.css +3 -3
- package/package.json +1 -1
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
.table-sticky {
|
|
2
|
+
|
|
3
|
+
@include media-breakpoint-down("sm") {
|
|
4
|
+
th:first-child, td:first-child {
|
|
5
|
+
&:after {
|
|
6
|
+
background: var(--#{$prefix}white);
|
|
7
|
+
content: "";
|
|
8
|
+
inset: 0;
|
|
9
|
+
position: absolute;
|
|
10
|
+
z-index: -1;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
th:first-child, td:first-child {
|
|
14
|
+
&:before {
|
|
15
|
+
background: linear-gradient(54deg, #000, #d9d9d9 0);
|
|
16
|
+
border-radius: inherit;
|
|
17
|
+
bottom: 0;
|
|
18
|
+
content: "";
|
|
19
|
+
filter: blur(10px);
|
|
20
|
+
opacity: .8;
|
|
21
|
+
position: absolute;
|
|
22
|
+
right: -8px;
|
|
23
|
+
top: 0;
|
|
24
|
+
width: 18px;
|
|
25
|
+
z-index: -1;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
thead {
|
|
30
|
+
border-color: black;
|
|
31
|
+
}
|
|
32
|
+
th,td {
|
|
33
|
+
&:first-child,
|
|
34
|
+
{
|
|
35
|
+
background: inherit;
|
|
36
|
+
left: 0;
|
|
37
|
+
position: sticky;
|
|
38
|
+
z-index: 3;
|
|
39
|
+
min-width: 45px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@include media-breakpoint-down("sm") {
|
|
43
|
+
text-wrap: nowrap;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.nav {
|
|
2
|
+
li {
|
|
3
|
+
margin: 0 $mtvh-spacing-2 0 0;
|
|
4
|
+
}
|
|
5
|
+
.nav-link {
|
|
6
|
+
border: $nav-tabs-border-width solid $nav-tabs-border-color;
|
|
7
|
+
|
|
8
|
+
&.active {
|
|
9
|
+
border: $nav-tabs-border-width solid $nav-tabs-border-color;
|
|
10
|
+
//border-bottom: $nav-tabs-border-width solid var(--#{$prefix}grey-01)
|
|
11
|
+
border-bottom-color: var(--#{$prefix}grey-01);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:hover {
|
|
15
|
+
background-color: var(--#{$prefix}grey-02);
|
|
16
|
+
}
|
|
17
|
+
&:focus-visible {
|
|
18
|
+
@include focus-style;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -40,6 +40,10 @@ $icons: (
|
|
|
40
40
|
'<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.39 12.825V16c0 .283.096.52.288.712.192.192.43.288.713.288s.52-.096.712-.288a.968.968 0 0 0 .288-.712v-3.175l.9.9c.1.1.212.175.337.225.125.05.25.07.375.063a1.038 1.038 0 0 0 .688-.313c.183-.2.279-.433.287-.7a.916.916 0 0 0-.287-.7l-2.6-2.6a.877.877 0 0 0-.325-.212 1.106 1.106 0 0 0-.375-.063c-.134 0-.259.02-.375.063a.877.877 0 0 0-.325.212l-2.6 2.6c-.2.2-.296.433-.288.7.008.267.113.5.313.7.2.183.433.28.7.288.266.008.5-.088.7-.288l.875-.875ZM4.39 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 2.391 18V2c0-.55.195-1.02.587-1.413A1.926 1.926 0 0 1 4.391 0h7.175a1.974 1.974 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4V18c0 .55-.196 1.02-.588 1.413a1.926 1.926 0 0 1-1.412.587h-12Zm7-14V2h-7v16h12V7h-4a.968.968 0 0 1-.712-.287.968.968 0 0 1-.287-.713Z" fill="#000"/></svg>',
|
|
41
41
|
"delete":
|
|
42
42
|
'<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.242 19c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 3.242 17V4a.968.968 0 0 1-.712-.288A.968.968 0 0 1 2.242 3c0-.283.096-.52.288-.712A.968.968 0 0 1 3.242 2h4c0-.283.096-.52.288-.712A.968.968 0 0 1 8.242 1h4c.283 0 .521.096.713.288.191.191.287.429.287.712h4c.284 0 .521.096.713.288.191.191.287.429.287.712s-.096.52-.287.712a.968.968 0 0 1-.713.288v13c0 .55-.196 1.02-.587 1.413a1.926 1.926 0 0 1-1.413.587h-10Zm10-15h-10v13h10V4Zm-7 11c.284 0 .521-.096.713-.287A.968.968 0 0 0 9.242 14V7a.968.968 0 0 0-.287-.713A.968.968 0 0 0 8.242 6a.968.968 0 0 0-.712.287.968.968 0 0 0-.288.713v7c0 .283.096.52.288.713.191.191.429.287.712.287Zm4 0c.283 0 .521-.096.713-.287a.968.968 0 0 0 .287-.713V7a.967.967 0 0 0-.287-.713.968.968 0 0 0-.713-.287.968.968 0 0 0-.712.287.967.967 0 0 0-.288.713v7c0 .283.096.52.288.713.191.191.429.287.712.287Z" fill="#0072BF"/></svg>',
|
|
43
|
+
"edit":
|
|
44
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path fill="#0072BF" d="M2.205 18.97a.916.916 0 0 1-.912-.263.916.916 0 0 1-.263-.912l1-4.774L6.98 17.97l-4.774 1Zm4.774-1L2.03 13.02 13.477 1.575C13.86 1.192 14.335 1 14.9 1c.567 0 1.042.192 1.425.575l2.1 2.1c.382.382.574.857.574 1.424 0 .566-.192 1.041-.575 1.424L6.98 17.97ZM14.9 2.974 4.554 13.321l2.125 2.125L17.026 5.099 14.9 2.974Z"/></svg>',
|
|
45
|
+
"add":
|
|
46
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path fill="#0072BF" d="M8.714 11.286H2.286c-.365 0-.67-.123-.916-.37A1.244 1.244 0 0 1 1 10c0-.364.123-.67.37-.916.246-.246.551-.37.916-.37h6.428V2.286c0-.365.123-.67.37-.916C9.33 1.123 9.636 1 10 1s.67.123.916.37c.246.246.37.551.37.916v6.428h6.428c.365 0 .67.123.916.37.247.246.37.552.37.916s-.123.67-.37.916c-.246.246-.551.37-.916.37h-6.428v6.428c0 .365-.123.67-.37.916-.246.247-.552.37-.916.37s-.67-.123-.916-.37a1.244 1.244 0 0 1-.37-.916v-6.428Z"/></svg>',
|
|
43
47
|
"update":
|
|
44
48
|
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M19.72 2.069a.905.905 0 0 1 .716.053.897.897 0 0 1 .467.537l1.383 4.202c.099.301.078.593-.064.875a1.106 1.106 0 0 1-.666.57l-4.2 1.383a.892.892 0 0 1-.713-.056.91.91 0 0 1-.465-.542.908.908 0 0 1 .052-.712.893.893 0 0 1 .542-.469l2.361-.778a10.064 10.064 0 0 0-3.887-1.452 8.762 8.762 0 0 0-4.11.35c-2.456.809-4.26 2.349-5.41 4.62-1.152 2.27-1.324 4.633-.517 7.087.805 2.443 2.343 4.239 4.614 5.386 2.27 1.148 4.631 1.319 7.08.512 2.044-.673 3.65-1.9 4.815-3.682 1.166-1.781 1.664-3.728 1.493-5.841-.01-.269.061-.5.213-.692a.993.993 0 0 1 .608-.363.874.874 0 0 1 .722.165c.21.16.322.375.333.64.235 2.562-.35 4.923-1.752 7.082-1.402 2.159-3.351 3.649-5.846 4.47-1.466.483-2.93.657-4.395.524a11.3 11.3 0 0 1-4.102-1.161 11.301 11.301 0 0 1-3.371-2.609c-.978-1.098-1.708-2.38-2.19-3.846-.484-1.467-.658-2.933-.524-4.398.133-1.464.52-2.831 1.16-4.101a11.268 11.268 0 0 1 2.62-3.375c1.105-.98 2.392-1.711 3.86-2.195a10.794 10.794 0 0 1 4.747-.473c1.607.197 3.115.72 4.522 1.568l-.691-2.1a.904.904 0 0 1 .052-.71.895.895 0 0 1 .542-.47Z"/><path fill="#000" d="M13.933 9.282c.26 0 .482.092.665.276a.899.899 0 0 1 .274.657v5.244l3.638 3.639a.94.94 0 0 1 0 1.333.907.907 0 0 1-1.329-.003l-3.845-3.872a1.128 1.128 0 0 1-.254-.374 1.133 1.133 0 0 1-.083-.43v-5.537c0-.254.092-.473.273-.657a.895.895 0 0 1 .661-.276Z"/></svg>',
|
|
45
49
|
"envelop":
|
|
@@ -65,17 +69,17 @@ $icons: (
|
|
|
65
69
|
"border-info":
|
|
66
70
|
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 27"><path d="M9.724 2.08c-4.73 0-9.822 5.362-8.731 11.082 2.183 13.226 22.919 15.729 22.919 2.145S14.453 2.08 9.724 2.08Z"/><path fill="#000" d="M15.89 7.284c-.304-.575-.542-.75-.936-.945-.747-.365-1.563-.084-1.99.58-.103.166-.19.34-.24.536-.154.604-.02 1.298.285 1.798.35.577 1.052.835 1.682.612.598-.209 1.27-.775 1.2-1.455a.901.901 0 0 1 .034-.22c.053-.237.132-.592-.007-.856l-.027-.05ZM13.431 11.653c.469-.516 1.281-.573 1.758-.024v.007c.796.911.742 2.266.693 3.458-.01.254-.02.5-.021.733-.003.261-.002.525 0 .79.004 1.231.01 2.487-.311 3.679-.274 1.017-2.405 1.146-2.624.034-.203-1.044-.187-2.106-.17-3.166.006-.434.012-.868.004-1.3-.004-.218-.016-.45-.027-.687-.06-1.21-.13-2.612.698-3.524Z"/><path fill="#000" fill-rule="evenodd" d="M12.992 1.139a9.882 9.882 0 0 1 1.66-.27h.005c.21-.017.419-.025.628-.025.348 0 .695.021 1.047.051a8.95 8.95 0 0 1 3.652 1.12c.124.035.249.086.37.15.114.059.23.116.347.174.404.199.813.4 1.175.656.325.23.642.47.953.718.65.509 1.287 1.048 1.875 1.625a8.03 8.03 0 0 1 1.648 2.34c.303.658.566 1.338.726 2.039.17.736.25 1.48.285 2.232.014.26-.007.525-.027.787l-.018.235c-.018.3-.053.599-.093.898-.192 1.429-.575 2.831-1.203 4.14-.342.71-.708 1.394-1.113 2.07-.387.64-.864 1.223-1.358 1.787a15.018 15.018 0 0 1-1.621 1.582c-.268.225-.563.427-.856.628l-.057.04c-.325.222-.66.448-1.011.632-.757.39-1.532.71-2.347.97-.33.108-.668.18-1.011.24-.637.112-1.296.193-1.942.167-1.456-.06-2.939-.26-4.297-.791a18.956 18.956 0 0 1-2.174-.983c-.596-.325-1.197-.663-1.732-1.078-.614-.48-1.202-.958-1.75-1.501a11.185 11.185 0 0 1-1.323-1.62c-.37-.54-.748-1.096-1.02-1.686-.32-.71-.6-1.424-.828-2.168-.21-.684-.285-1.398-.325-2.108a6.764 6.764 0 0 1 0-.996c.08-.787.205-1.557.379-2.33.142-.642.423-1.258.708-1.848.316-.659.668-1.296 1.122-1.873.48-.612.993-1.232 1.58-1.754a24.366 24.366 0 0 1 1.738-1.394A16.496 16.496 0 0 1 8.76 2.777c.615-.325 1.243-.642 1.902-.886a24.133 24.133 0 0 1 2.329-.752Zm5.081 2.8a10.65 10.65 0 0 0-1.483-.431v.004a9.936 9.936 0 0 0-1.817-.09c-.86.12-1.688.351-2.512.612-.628.235-1.247.483-1.834.795-.646.342-1.27.706-1.884 1.095-.499.36-.976.731-1.434 1.137-.401.351-.762.732-1.118 1.12a13.11 13.11 0 0 0-.628.843c-.184.274-.345.555-.508.84l-.026.045a7.631 7.631 0 0 0-.437 1.035c-.129.424-.24.838-.338 1.27l-.01.06a7.543 7.543 0 0 0-.12 1.014c-.008.415-.004.816.018 1.231.103.77.321 1.493.584 2.22l.034.075c.17.377.341.752.558 1.1.232.377.468.745.717 1.108.236.304.472.608.744.881.32.32.646.625.984.924a19.68 19.68 0 0 0 1.536 1.056c.49.307 1.026.551 1.555.793l.07.032.056.022c.383.151.77.304 1.17.415.4.107.797.205 1.202.29.78.107 1.563.167 2.351.12a10.8 10.8 0 0 0 1.875-.427c.312-.125.624-.249.922-.402.365-.189.717-.385 1.069-.6l-.102.074-.103.072c.477-.33.958-.667 1.38-1.06.388-.364.753-.736 1.105-1.125.352-.432.695-.868.98-1.343.285-.474.552-.953.81-1.44.25-.535.468-1.083.66-1.643.178-.526.307-1.06.414-1.6.12-.88.191-1.752.156-2.638a7.264 7.264 0 0 0-.139-.872c-.093-.41-.204-.804-.338-1.202a9.672 9.672 0 0 0-.864-1.62c-.606-.745-1.367-1.377-2.115-1.989a9.848 9.848 0 0 0-.77-.573 9.05 9.05 0 0 0-.87-.5 1.255 1.255 0 0 1-.551-.193 7.854 7.854 0 0 0-.949-.534Z" clip-rule="evenodd"/></svg>',
|
|
67
71
|
"space-home":
|
|
68
|
-
'<svg
|
|
72
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M4.902 24.108h5.225v-7.735c0-.388.137-.72.41-.997.275-.278.603-.417.985-.417h4.956c.39 0 .723.14 1.002.417.279.277.418.61.418.997v7.735h5.2V10.956a.853.853 0 0 0-.1-.413 1.11 1.11 0 0 0-.272-.327l-8.183-6.125a.853.853 0 0 0-.543-.18c-.21 0-.39.06-.543.18l-8.183 6.117a1.109 1.109 0 0 0-.272.327.852.852 0 0 0-.1.412v13.16Zm-1.902 0V10.962c0-.451.098-.872.293-1.262.195-.39.485-.722.869-.993l8.183-6.16A2.669 2.669 0 0 1 13.99 2c.613 0 1.176.182 1.689.547l8.183 6.16c.367.271.649.602.844.993.195.39.293.81.293 1.262v13.146c0 .53-.184.979-.55 1.344a1.842 1.842 0 0 1-1.352.548h-5.706c-.382 0-.71-.136-.985-.41a1.362 1.362 0 0 1-.41-1.003v-7.735h-3.969v7.735c0 .396-.139.73-.418 1.004-.279.273-.613.409-1.002.409H4.902c-.534 0-.984-.183-1.351-.548A1.823 1.823 0 0 1 3 24.108Z"/></svg>',
|
|
69
73
|
"space-building":
|
|
70
|
-
'<svg
|
|
74
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M3.635 26c-.487 0-.88-.15-1.182-.451-.302-.301-.453-.695-.453-1.18V9.223c0-.485.15-.878.453-1.18.301-.3.695-.45 1.182-.45h3.97V3.63c0-.485.152-.879.453-1.18.302-.3.696-.451 1.183-.451h9.518c.487 0 .88.15 1.183.451.301.301.452.695.452 1.18v9.612h3.971c.487 0 .88.15 1.182.451.302.301.453.694.453 1.18v9.495c0 .485-.15.879-.453 1.18-.301.3-.695.451-1.182.451h-8.117v-5.592h-4.555V26H3.635Zm-.058-1.573h4.029v-4.02h-4.03v4.02Zm0-5.592h4.029v-4.02h-4.03v4.02Zm0-5.65h4.029v-4.02h-4.03v4.02Zm5.605 5.65h4.03v-4.02h-4.03v4.02Zm0-5.65h4.03v-4.02h-4.03v4.02Zm0-5.593h4.03v-4.02h-4.03v4.02Zm5.606 11.243h4.03v-4.02h-4.03v4.02Zm0-5.65h4.03v-4.02h-4.03v4.02Zm0-5.593h4.03v-4.02h-4.03v4.02Zm5.606 16.835h4.03v-4.02h-4.03v4.02Zm0-5.592h4.03v-4.02h-4.03v4.02Z"/></svg>',
|
|
71
75
|
"space-estate":
|
|
72
|
-
'<svg
|
|
76
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M13.127 24.71v-6.101H9.906c-1.647 0-3.043-.566-4.188-1.698C4.573 15.78 4 14.402 4 12.774a5.19 5.19 0 0 1 1.175-3.349 7.593 7.593 0 0 1 2.919-2.221c.224-1.945.867-3.382 1.93-4.31C11.085 1.964 12.412 1.5 14 1.5s2.914.464 3.977 1.393c1.062.928 1.705 2.365 1.929 4.31a7.095 7.095 0 0 1 2.936 2.2c.772.98 1.158 2.103 1.158 3.37 0 1.627-.573 3.007-1.718 4.139-1.145 1.131-2.541 1.697-4.188 1.697H14.94v6.1h6.812c.245 0 .457.09.636.267.18.178.27.388.27.63s-.09.452-.27.629a.877.877 0 0 1-.636.265H6.248a.876.876 0 0 1-.637-.267.857.857 0 0 1-.269-.63c0-.242.09-.451.27-.628a.878.878 0 0 1 .636-.266h6.88Zm-3.22-7.892H18.1c1.138 0 2.104-.393 2.898-1.18.794-.786 1.19-1.741 1.19-2.865 0-.906-.268-1.702-.805-2.387-.536-.685-1.252-1.194-2.147-1.525l-1.007-.386-.134-1.14c-.157-1.458-.599-2.497-1.326-3.116-.727-.62-1.65-.929-2.768-.929-1.119 0-2.041.31-2.768.929-.727.619-1.17 1.658-1.326 3.117l-.134 1.127-1.141.464a4.77 4.77 0 0 0-2.03 1.509c-.526.674-.789 1.453-.789 2.337 0 1.124.398 2.079 1.195 2.866.796.786 1.763 1.18 2.9 1.18Z"/></svg>',
|
|
73
77
|
"space-garage":
|
|
74
|
-
'<svg
|
|
78
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M4.001 21.643v1.656c0 .334-.122.617-.367.851-.245.233-.543.35-.893.35s-.645-.117-.883-.35a1.146 1.146 0 0 1-.358-.85V13.252c0-.18.014-.36.042-.538.027-.18.076-.355.146-.526L4.153 5.65A3.149 3.149 0 0 1 5.355 4.09a3.28 3.28 0 0 1 1.908-.59h13.474c.704 0 1.34.197 1.909.59.568.393.968.913 1.201 1.561l2.465 6.538c.07.17.119.346.146.526.028.179.042.358.042.538v10.046c0 .334-.122.617-.368.851-.245.233-.542.35-.892.35s-.645-.117-.884-.35A1.147 1.147 0 0 1 24 23.3v-1.657H4Zm.126-10.71h19.746l-1.889-5.07a.918.918 0 0 0-.343-.426.964.964 0 0 0-.544-.151H6.903c-.21 0-.391.05-.544.15a.918.918 0 0 0-.343.426l-1.889 5.072Zm2.994 7.056c.488 0 .91-.173 1.267-.52.357-.347.535-.755.535-1.223 0-.468-.18-.873-.542-1.216a1.79 1.79 0 0 0-1.273-.514c-.488 0-.91.174-1.267.52-.357.348-.535.755-.535 1.223 0 .468.18.874.542 1.216.361.343.786.514 1.273.514Zm13.771 0c.488 0 .91-.173 1.267-.52.357-.347.535-.755.535-1.223 0-.468-.18-.873-.542-1.216a1.79 1.79 0 0 0-1.273-.514c-.488 0-.91.174-1.267.52-.357.348-.535.755-.535 1.223 0 .468.18.874.542 1.216a1.79 1.79 0 0 0 1.273.514ZM3.36 19.857h21.28V12.72H3.36v7.137Z"/></svg>',
|
|
75
79
|
"space-room":
|
|
76
|
-
'<svg
|
|
80
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M.912 23.5a.862.862 0 0 1-.641-.28.923.923 0 0 1-.271-.663V5.443a.92.92 0 0 1 .272-.663.865.865 0 0 1 .642-.28c.247 0 .461.093.642.28.18.187.27.408.27.663v11.91h11.7V9.25c0-.536.175-.984.525-1.345.35-.36.783-.541 1.302-.541h8.319c1.207 0 2.23.433 3.07 1.3.838.867 1.258 1.924 1.258 3.17v10.723a.92.92 0 0 1-.272.663.865.865 0 0 1-.642.28.862.862 0 0 1-.642-.28.923.923 0 0 1-.27-.663v-3.318H1.826v3.318a.92.92 0 0 1-.272.663.865.865 0 0 1-.642.28Zm6.323-8.802c-.856 0-1.582-.309-2.18-.927-.597-.619-.896-1.37-.896-2.253s.3-1.634.899-2.25a2.926 2.926 0 0 1 2.18-.926c.856 0 1.582.31 2.18.928.597.618.896 1.369.896 2.252 0 .884-.3 1.634-.898 2.251a2.926 2.926 0 0 1-2.181.925Zm8.118 2.655h10.82v-5.518c0-.711-.242-1.32-.73-1.826-.486-.506-1.071-.759-1.755-.759h-8.335v8.103Zm-8.116-4.506c.351 0 .654-.13.906-.39.252-.262.379-.574.379-.937 0-.363-.127-.675-.379-.936a1.217 1.217 0 0 0-.906-.391c-.352 0-.654.13-.907.391-.252.261-.378.573-.378.936 0 .364.126.675.378.936.253.261.555.391.907.391Z"/></svg>',
|
|
77
81
|
"space-shared-facility":
|
|
78
|
-
'<svg
|
|
82
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M4.521 24.5c-.22 0-.42-.09-.597-.27a.911.911 0 0 1-.266-.666v-1.338h-.532a2.995 2.995 0 0 1-2.212-.925C.304 20.684 0 19.923 0 19.016v-6.822c0-.936.321-1.694.964-2.274.643-.58 1.364-.869 2.162-.869v-2.34c0-.907.307-1.67.92-2.286.613-.617 1.37-.925 2.272-.925h15.364c.901 0 1.659.308 2.272.925.613.617.92 1.379.92 2.285v2.341c.82 0 1.546.295 2.178.886.632.59.948 1.343.948 2.257v6.822c0 .907-.305 1.668-.915 2.285a2.995 2.995 0 0 1-2.21.925h-.533v1.338a.981.981 0 0 1-.234.667c-.155.18-.365.269-.63.269a.825.825 0 0 1-.598-.27.909.909 0 0 1-.267-.666v-1.338H5.453v1.338c0 .267-.089.49-.267.669a.903.903 0 0 1-.665.267Zm-1.395-4.08h21.736c.385 0 .705-.134.96-.404.255-.269.382-.602.382-1v-6.811a1.31 1.31 0 0 0-1.33-1.348c-.396 0-.727.128-.995.384a1.266 1.266 0 0 0-.402.953v5.016H4.523v-5.016c0-.379-.134-.696-.402-.953a1.384 1.384 0 0 0-.995-.384c-.377 0-.693.128-.948.384a1.298 1.298 0 0 0-.382.953v6.822c0 .398.127.731.382 1 .255.27.571.404.948.404Zm3.192-5.016h15.364v-3.21c0-.513.122-.987.366-1.422a2.764 2.764 0 0 1 1.03-1.042V6.71c0-.398-.133-.731-.401-1-.268-.27-.6-.404-.995-.404H6.318c-.395 0-.727.134-.995.404-.268.269-.401.602-.401 1v3.02c.443.26.787.608 1.03 1.042.244.435.366.909.366 1.422v3.21Z"/></svg>',
|
|
79
83
|
"printer":
|
|
80
84
|
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path fill="#000" d="M5.928 19c-.532 0-.987-.19-1.365-.567a1.859 1.859 0 0 1-.568-1.364v-2.112H1.933c-.532 0-.987-.189-1.365-.567A1.859 1.859 0 0 1 0 13.026v-4.12c0-.824.286-1.52.857-2.086a2.846 2.846 0 0 1 2.081-.85h14.124c.825 0 1.52.283 2.087.85.567.566.851 1.262.851 2.086v4.12c0 .53-.19.986-.568 1.364a1.862 1.862 0 0 1-1.365.567h-2.062v2.112c0 .53-.19.986-.568 1.364a1.862 1.862 0 0 1-1.365.567H5.928Zm-3.995-5.974h2.062v-.078c0-.53.19-.985.568-1.364a1.862 1.862 0 0 1 1.365-.567h8.144c.532 0 .987.19 1.365.568.379.378.568.832.568 1.363v.078h2.062v-4.12a.97.97 0 0 0-.29-.716.978.978 0 0 0-.718-.289H2.94a.978.978 0 0 0-.718.289.97.97 0 0 0-.29.716v4.12Zm12.14-7.056V2.931H5.927V5.97H3.995V2.931c0-.53.19-.986.568-1.364A1.862 1.862 0 0 1 5.928 1h8.144c.532 0 .987.19 1.365.567.379.378.568.833.568 1.364V5.97h-1.933Zm1.984 4.416a.932.932 0 0 0 .683-.283.93.93 0 0 0 .283-.682.93.93 0 0 0-.283-.683.931.931 0 0 0-.683-.283.931.931 0 0 0-.683.283.93.93 0 0 0-.284.683.93.93 0 0 0 .284.682.932.932 0 0 0 .683.283Zm-1.985 6.683v-4.12H5.928v4.12h8.144Z"/></svg>',
|
|
81
85
|
"space-sub-block":
|
|
@@ -167,6 +171,14 @@ $mtvh-icons: (
|
|
|
167
171
|
width: $icon-size-scale-sm,
|
|
168
172
|
height: $icon-size-scale-sm,
|
|
169
173
|
),
|
|
174
|
+
"add": (
|
|
175
|
+
width: $icon-size-scale-sm,
|
|
176
|
+
height: $icon-size-scale-sm,
|
|
177
|
+
),
|
|
178
|
+
"edit": (
|
|
179
|
+
width: $icon-size-scale-sm,
|
|
180
|
+
height: $icon-size-scale-sm,
|
|
181
|
+
),
|
|
170
182
|
"printer": (
|
|
171
183
|
width: $icon-size-scale-sm,
|
|
172
184
|
height: $icon-size-scale-sm,
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
--mtvh-green-01: #e7f7e3;
|
|
27
27
|
--mtvh-green-02: #82cc71;
|
|
28
28
|
--mtvh-green-03: #5eaf4b;
|
|
29
|
-
--mtvh-green-04: #
|
|
29
|
+
--mtvh-green-04: #198000;
|
|
30
30
|
--mtvh-green-05: #156402;
|
|
31
31
|
--mtvh-green-06: #0f4902;
|
|
32
32
|
|
|
33
33
|
--mtvh-purple-01: #f6f4ff;
|
|
34
34
|
--mtvh-purple-02: #b49bde;
|
|
35
35
|
--mtvh-purple-03: #9470d1;
|
|
36
|
-
--mtvh-purple-04: #
|
|
36
|
+
--mtvh-purple-04: #7A4DC4;
|
|
37
37
|
--mtvh-purple-05: #5d2cae;
|
|
38
38
|
--mtvh-purple-06: #380c80;
|
|
39
39
|
|
|
@@ -57,6 +57,7 @@ $grey-01: #f7f7f7;
|
|
|
57
57
|
$danger-bg-subtle: #ff7c8c;
|
|
58
58
|
$danger-text-emphasis: #000000;
|
|
59
59
|
$grey-03: #dadada;
|
|
60
|
+
$purple-01: #F6F4FF;
|
|
60
61
|
|
|
61
62
|
$theme-colors: (
|
|
62
63
|
"primary": $primary,
|
|
@@ -70,6 +71,7 @@ $theme-colors: (
|
|
|
70
71
|
"stone": $stone,
|
|
71
72
|
"grey-01": $grey-01,
|
|
72
73
|
"grey-03": $grey-03,
|
|
74
|
+
"purple-01": $purple-01
|
|
73
75
|
);
|
|
74
76
|
|
|
75
77
|
//button
|
|
@@ -162,6 +164,7 @@ $form-feedback-font-size: $font-size-sm;
|
|
|
162
164
|
$form-feedback-invalid-color: $danger;
|
|
163
165
|
|
|
164
166
|
$form-feedback-margin-top: $mtvh-spacing-4;
|
|
167
|
+
$input-min-height: 2.75rem;
|
|
165
168
|
$input-line-height: 1.5;
|
|
166
169
|
$input-font-size: $font-size-sm;
|
|
167
170
|
$input-padding-y: $mtvh-spacing-4;
|
|
@@ -205,14 +208,11 @@ $form-select-indicator-color: var(--#{$prefix}black);
|
|
|
205
208
|
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
|
|
206
209
|
|
|
207
210
|
/* list group */
|
|
208
|
-
$list-group-item-padding-x: 0;
|
|
209
211
|
$list-group-bg: inherit;
|
|
210
212
|
$list-group-item-padding-y: $mtvh-spacing-5;
|
|
211
213
|
$list-group-border-radius: 0;
|
|
212
214
|
|
|
213
215
|
/* button close */
|
|
214
|
-
$btn-close-padding-y: 5px;
|
|
215
|
-
$btn-close-padding-x: 5px;
|
|
216
216
|
$btn-close-opacity: 1;
|
|
217
217
|
$btn-close-focus-shadow: unset;
|
|
218
218
|
$btn-close-bg: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.992 11.816 4.18 17.627c-.26.26-.555.384-.886.372-.33-.012-.626-.147-.886-.407a1.24 1.24 0 0 1 0-1.807l5.776-5.777-5.811-5.811A1.179 1.179 0 0 1 2 3.293c.012-.342.147-.643.407-.903a1.24 1.24 0 0 1 1.807 0L9.992 8.2l5.811-5.811a1.24 1.24 0 0 1 1.807 0 1.24 1.24 0 0 1 0 1.807L11.8 10.008l5.811 5.812c.26.26.39.555.39.886 0 .33-.13.626-.39.886a1.24 1.24 0 0 1-1.807 0l-5.811-5.776Z' fill='%23000000'/%3E%3C/svg%3E");
|
|
@@ -236,8 +236,6 @@ $stepper-font-size: $font-size-xs;
|
|
|
236
236
|
$stepper-font-color: var(--#{$prefix}white);
|
|
237
237
|
$stepper-breakpoint: "lg";
|
|
238
238
|
|
|
239
|
-
$alert-padding-x: 0;
|
|
240
|
-
$alert-padding-y: 0;
|
|
241
239
|
|
|
242
240
|
$banner-theme-colors: (
|
|
243
241
|
"success": var(--#{$prefix}green-02),
|
|
@@ -390,3 +388,29 @@ $pagination-font-size: $font-size-sm;
|
|
|
390
388
|
$pagination-focus-box-shadow: unset;
|
|
391
389
|
$pagination-border-width: 0;
|
|
392
390
|
$pagination-bg: transparent;
|
|
391
|
+
|
|
392
|
+
/* Accordion */
|
|
393
|
+
$accordion-button-icon: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8399 10.9658C14.1412 10.6644 14.4979 10.5549 15.0753 10.7285C15.6526 10.902 16.0347 11.1793 15.9975 11.6653C15.9604 12.1512 14.274 14.1401 13.6771 14.8836C13.0803 15.6271 12.1466 16.964 11.7111 17.7018C11.2755 18.4396 10.9292 19.0333 10.4145 18.9985C9.89987 18.9638 9.41959 18.8397 8.70831 17.9484C7.99703 17.057 4.42288 12.3984 4.09421 12.0311C3.76554 11.6638 4.36995 11.105 4.78537 11.0375C5.2008 10.9701 5.65431 10.6722 6.03656 11.1874C6.4188 11.7026 8.99375 14.7047 8.99375 14.7047C8.99375 14.7047 8.85766 13.9341 8.79465 12.3944C8.70391 10.1772 8.62477 9.40462 8.64694 7.62401C8.66911 5.8434 8.81999 3.02738 8.95 2.25625C9.08001 1.48512 9.20018 0.705523 9.94859 1.11094C10.697 1.51636 10.9968 2.57194 11.0479 3.82131C11.0991 5.07067 11.0662 7.05431 11.1211 9.32562C11.1803 11.9316 11.275 14.2456 11.275 14.2456C11.275 14.2456 12.0687 13.2044 12.6086 12.4629C13.1485 11.7214 13.5028 11.3212 13.8498 10.9742L13.8399 10.9658Z' fill='%230072BF'/></svg>");
|
|
394
|
+
$accordion-button-active-icon: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8399 10.9658C14.1412 10.6644 14.4979 10.5549 15.0753 10.7285C15.6526 10.902 16.0347 11.1793 15.9975 11.6653C15.9604 12.1512 14.274 14.1401 13.6771 14.8836C13.0803 15.6271 12.1466 16.964 11.7111 17.7018C11.2755 18.4396 10.9292 19.0333 10.4145 18.9985C9.89987 18.9638 9.41959 18.8397 8.70831 17.9484C7.99703 17.057 4.42288 12.3984 4.09421 12.0311C3.76554 11.6638 4.36995 11.105 4.78537 11.0375C5.2008 10.9701 5.65431 10.6722 6.03656 11.1874C6.4188 11.7026 8.99375 14.7047 8.99375 14.7047C8.99375 14.7047 8.85766 13.9341 8.79465 12.3944C8.70391 10.1772 8.62477 9.40462 8.64694 7.62401C8.66911 5.8434 8.81999 3.02738 8.95 2.25625C9.08001 1.48512 9.20018 0.705523 9.94859 1.11094C10.697 1.51636 10.9968 2.57194 11.0479 3.82131C11.0991 5.07067 11.0662 7.05431 11.1211 9.32562C11.1803 11.9316 11.275 14.2456 11.275 14.2456C11.275 14.2456 12.0687 13.2044 12.6086 12.4629C13.1485 11.7214 13.5028 11.3212 13.8498 10.9742L13.8399 10.9658Z' fill='%230072BF'/></svg>");
|
|
395
|
+
$accordion-btn-focus-box-shadow: 0;
|
|
396
|
+
$accordion-border-radius: 0;
|
|
397
|
+
$accordion-active-color: var(--#{$prefix}white);
|
|
398
|
+
$accordion-bg: var(--#{$prefix}white);
|
|
399
|
+
$accordion-button-color: var(--#{$prefix}blue-04);
|
|
400
|
+
$accordion-padding-y: $mtvh-spacing-6;
|
|
401
|
+
$accordion-padding-x: 0;
|
|
402
|
+
$accordion-body-padding-x: $mtvh-spacing-7;
|
|
403
|
+
$accordion-body-padding-y: $mtvh-spacing-6;
|
|
404
|
+
$accordion-border-color: var(--#{$prefix}grey-04);
|
|
405
|
+
|
|
406
|
+
$progress-height: 18px;
|
|
407
|
+
$progress-bar-bg: var(--#{$prefix}purple-05);
|
|
408
|
+
$progress-bar-color: var(--#{$prefix}purple-05);
|
|
409
|
+
$progress-bg: var(--#{$prefix}white);
|
|
410
|
+
|
|
411
|
+
$nav-link-font-weight: $mtvh-font-weight-bold;
|
|
412
|
+
$nav-tabs-border-color: var(--#{$prefix}grey-04);
|
|
413
|
+
$nav-tabs-border-width: 2px;
|
|
414
|
+
$nav-tabs-link-active-bg: transparent;
|
|
415
|
+
$nav-tabs-link-hover-border-color: var(--#{$prefix}grey-04);
|
|
416
|
+
$nav-link-focus-box-shadow: none;
|
|
@@ -9,7 +9,7 @@ h5,
|
|
|
9
9
|
h6,
|
|
10
10
|
.mtvh-h1,
|
|
11
11
|
mtvh-child-title-h1,
|
|
12
|
-
mtvh-title-h1 .mtvh-h2,
|
|
12
|
+
mtvh-title-h1, .mtvh-h2,
|
|
13
13
|
.mtvh-h3,
|
|
14
14
|
.mtvh-h4,
|
|
15
15
|
.mtvh-h5,
|
|
@@ -114,9 +114,13 @@ p {
|
|
|
114
114
|
font-size: 1.375rem;
|
|
115
115
|
line-height: 1.4;
|
|
116
116
|
}
|
|
117
|
-
|
|
117
|
+
.large {
|
|
118
|
+
font-size: 1.625rem;
|
|
119
|
+
line-height: 1.3;
|
|
120
|
+
font-weight: $mtvh-font-weight-bolder;
|
|
121
|
+
font-family: $font-family-sans-serif;
|
|
122
|
+
}
|
|
118
123
|
.small {
|
|
119
|
-
margin-bottom: 0.75rem;
|
|
120
124
|
font-size: 1rem;
|
|
121
125
|
line-height: 1.5;
|
|
122
126
|
}
|
|
@@ -2,15 +2,22 @@
|
|
|
2
2
|
background-color: var(--#{$prefix}white);
|
|
3
3
|
padding: $mtvh-spacing-6 $mtvh-spacing-5 $mtvh-spacing-6 $mtvh-spacing-5;
|
|
4
4
|
border-radius: $border-radius-lg;
|
|
5
|
+
|
|
5
6
|
@include media-breakpoint-up(sm) {
|
|
6
7
|
padding-left: $mtvh-spacing-6;
|
|
7
8
|
padding-right: $mtvh-spacing-6;
|
|
8
9
|
}
|
|
9
10
|
|
|
11
|
+
.mtvh-form-container-required {
|
|
12
|
+
@include media-breakpoint-down(sm) {
|
|
13
|
+
padding-bottom: $mtvh-spacing-6;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
10
17
|
.form-group {
|
|
11
|
-
--#{$prefix}form-group-padding-y: #{$mtvh-spacing-
|
|
18
|
+
--#{$prefix}form-group-padding-y: #{$mtvh-spacing-6};
|
|
12
19
|
@include media-breakpoint-up(sm) {
|
|
13
|
-
--mtvh-form-group-padding-y: #{$mtvh-spacing-
|
|
20
|
+
--mtvh-form-group-padding-y: #{$mtvh-spacing-7};
|
|
14
21
|
}
|
|
15
22
|
}
|
|
16
23
|
}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
.files-table {
|
|
2
|
+
|
|
3
|
+
--#{$prefix}list-group-item-padding-y: #{$mtvh-spacing-3};
|
|
4
|
+
display: none;
|
|
5
|
+
width: 100%;
|
|
6
|
+
border: 0;
|
|
7
|
+
font-size: $font-size-base;
|
|
8
|
+
|
|
9
|
+
&:has(tbody tr) {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
tr.row:not(thead tr.row){
|
|
14
|
+
border-top: 1px solid var(--#{$prefix}grey-03);;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
tr.row{
|
|
18
|
+
position: relative;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
tr.row > * {
|
|
22
|
+
padding-left:0;
|
|
23
|
+
padding-right:0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
thead, thead tr, tbody {
|
|
27
|
+
border:0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
thead {
|
|
31
|
+
@include media-breakpoint-down("md") {
|
|
32
|
+
opacity: 0;
|
|
33
|
+
position: absolute;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
tbody {
|
|
38
|
+
border-bottom: 1px solid var(--#{$prefix}grey-03);
|
|
39
|
+
|
|
40
|
+
td {
|
|
41
|
+
@include media-breakpoint-down("md") {
|
|
42
|
+
padding-top: $mtvh-spacing-4;
|
|
43
|
+
|
|
44
|
+
> div:first-child {
|
|
45
|
+
width: 88%;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
&:not(.col-md-1) {
|
|
49
|
+
padding-top: $mtvh-spacing-4;
|
|
50
|
+
padding-bottom: $mtvh-spacing-4;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.status-container {
|
|
56
|
+
position: absolute;
|
|
57
|
+
bottom:$mtvh-spacing-4;
|
|
58
|
+
left:0;
|
|
59
|
+
width:100%;
|
|
60
|
+
}
|
|
61
|
+
.status {
|
|
62
|
+
margin-top: $mtvh-spacing-3;
|
|
63
|
+
margin-bottom: $mtvh-spacing-3;
|
|
64
|
+
position: relative;
|
|
65
|
+
font-size: $font-size-xs;
|
|
66
|
+
font-weight: $font-weight-bold;
|
|
67
|
+
|
|
68
|
+
&.text-danger {
|
|
69
|
+
font-weight: normal;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
button, i {
|
|
74
|
+
@include media-breakpoint-down("md") {
|
|
75
|
+
position: absolute;
|
|
76
|
+
top:0;
|
|
77
|
+
right:0;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
.bi {
|
|
81
|
+
@extend .btn-icon-circle;
|
|
82
|
+
min-height: $input-min-height;
|
|
83
|
+
padding: $mtvh-spacing-4 $mtvh-spacing-3 0 $mtvh-spacing-4;
|
|
84
|
+
display: block;
|
|
85
|
+
&.bi-ban {
|
|
86
|
+
background-image: get-icon("cancel", "black");
|
|
87
|
+
background-repeat: no-repeat;
|
|
88
|
+
background-position: center;
|
|
89
|
+
&:before {
|
|
90
|
+
content: "";
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
&:hover {
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.fileSelector {
|
|
100
|
+
|
|
101
|
+
padding: $mtvh-spacing-10;
|
|
102
|
+
margin: 0 auto;
|
|
103
|
+
text-align: center;
|
|
104
|
+
margin-top: $mtvh-spacing-4;
|
|
105
|
+
margin-bottom: $mtvh-spacing-4;
|
|
106
|
+
border-radius: $border-radius-lg;
|
|
107
|
+
border: 1px dashed var(--#{$prefix}grey-06);
|
|
108
|
+
background-color: var(--#{$prefix}grey-01);
|
|
109
|
+
|
|
110
|
+
a {
|
|
111
|
+
font-weight: $mtvh-font-weight-bold;
|
|
112
|
+
text-decoration: none;
|
|
113
|
+
}
|
|
114
|
+
a {
|
|
115
|
+
span {
|
|
116
|
+
text-decoration: underline;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
.mtvh-chips {
|
|
2
|
+
|
|
3
|
+
&.form-check {
|
|
4
|
+
padding-left:0;
|
|
5
|
+
}
|
|
6
|
+
|
|
2
7
|
.form-radio.radio {
|
|
3
8
|
display: flex;
|
|
4
9
|
gap: $mtvh-spacing-4;
|
|
@@ -9,55 +14,72 @@
|
|
|
9
14
|
margin: 0;
|
|
10
15
|
}
|
|
11
16
|
|
|
17
|
+
.form-check-input:checked + span {
|
|
18
|
+
background-color: $form-check-input-checked-bg-color;
|
|
19
|
+
color: $form-check-input-checked-color;
|
|
20
|
+
border-color: $form-check-input-checked-bg-color;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.form-check-label span {
|
|
24
|
+
padding: $mtvh-spacing-3 $mtvh-spacing-6;
|
|
25
|
+
border: 1px solid var(--mtvh-grey-06);
|
|
26
|
+
border-radius: 0.5rem;
|
|
27
|
+
background-color: var(--mtvh-grey-01);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* Custom template Formio specific focus and checked styles */
|
|
31
|
+
.form-check-label {
|
|
32
|
+
input {
|
|
33
|
+
&:focus {
|
|
34
|
+
+ span {
|
|
35
|
+
@include focus-style();
|
|
36
|
+
color: inherit;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
&:checked {
|
|
40
|
+
+ span {
|
|
41
|
+
background-color: $form-check-input-checked-bg-color;
|
|
42
|
+
color: $form-check-input-checked-color;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* Default form styles */
|
|
49
|
+
.form-check-input[type="checkbox"]:checked + .form-check-label span {
|
|
50
|
+
@include chip-checked-hover();
|
|
51
|
+
}
|
|
52
|
+
|
|
12
53
|
.form-check-input {
|
|
13
54
|
width: 5px;
|
|
14
55
|
opacity: 0;
|
|
15
56
|
position: absolute;
|
|
16
57
|
|
|
17
58
|
&:focus {
|
|
18
|
-
+ label {
|
|
59
|
+
+ label, + label span {
|
|
19
60
|
@include focus-style();
|
|
20
61
|
color: inherit;
|
|
62
|
+
border-radius: 0.5rem;
|
|
21
63
|
}
|
|
22
64
|
}
|
|
23
65
|
&:checked {
|
|
24
|
-
+ label {
|
|
66
|
+
+ label, + label span {
|
|
25
67
|
background-color: $form-check-input-checked-bg-color;
|
|
26
68
|
color: $form-check-input-checked-color;
|
|
27
|
-
|
|
28
|
-
&:focus {
|
|
29
|
-
+ label {
|
|
30
|
-
color: $form-check-input-checked-color;
|
|
31
|
-
}
|
|
69
|
+
border-radius: 0.5rem;
|
|
32
70
|
}
|
|
33
71
|
}
|
|
34
|
-
|
|
35
72
|
&[type="checkbox"] {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
position: absolute;
|
|
41
|
-
content: "";
|
|
42
|
-
background-image: get-icon("cancel", white);
|
|
43
|
-
background-repeat: no-repeat;
|
|
44
|
-
right: 5px;
|
|
45
|
-
top: 12px;
|
|
46
|
-
background-size: $icon-size-scale-xs;
|
|
47
|
-
background-position: 50%;
|
|
48
|
-
width: $icon-size-scale-xs;
|
|
49
|
-
height: $icon-size-scale-xs;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
73
|
+
|
|
74
|
+
+ span {
|
|
75
|
+
padding-left: $mtvh-spacing-6;
|
|
76
|
+
padding-right: $mtvh-spacing-6;
|
|
52
77
|
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
78
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
background-color: var(--mtvh-grey-01);
|
|
79
|
+
&:checked + span {
|
|
80
|
+
@include chip-checked-hover();
|
|
81
|
+
}
|
|
82
|
+
}
|
|
61
83
|
}
|
|
62
84
|
|
|
63
85
|
&--fullwidth {
|
|
@@ -10,11 +10,6 @@
|
|
|
10
10
|
background-image: none;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
span[ref|="charcount"],
|
|
14
|
-
.text-muted {
|
|
15
|
-
color: var(--mtvh-grey-06) !important;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
13
|
&:not(textarea, select, .dropdown) {
|
|
19
14
|
max-width: var(--#{$prefix}form-control-input-width);
|
|
20
15
|
}
|
|
@@ -56,3 +51,4 @@
|
|
|
56
51
|
--#{$prefix}form-control-input-width: #{$input-width-size-xl};
|
|
57
52
|
}
|
|
58
53
|
}
|
|
54
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.input-group-search {
|
|
2
2
|
|
|
3
|
-
$height:
|
|
3
|
+
$height: $input-min-height;
|
|
4
4
|
$button-size: $icon-size-scale-lg;
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
.mtvh-icon {
|
|
24
24
|
position: relative;
|
|
25
|
+
margin: 0;
|
|
25
26
|
&:before {
|
|
26
27
|
background-color: var(--mtvh-black) !important;
|
|
27
28
|
}
|