@uniai-fe/uds-templates 0.4.32 → 0.4.33
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/styles.css +15 -2
- package/package.json +1 -1
- package/src/modal/styles/container.scss +17 -2
package/dist/styles.css
CHANGED
|
@@ -539,8 +539,10 @@
|
|
|
539
539
|
}
|
|
540
540
|
|
|
541
541
|
.uds-modal-container {
|
|
542
|
-
display:
|
|
543
|
-
|
|
542
|
+
display: grid;
|
|
543
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
544
|
+
flex: 1 1 auto;
|
|
545
|
+
min-height: 0;
|
|
544
546
|
width: 100%;
|
|
545
547
|
}
|
|
546
548
|
|
|
@@ -550,11 +552,22 @@
|
|
|
550
552
|
margin: 0;
|
|
551
553
|
}
|
|
552
554
|
|
|
555
|
+
.uds-modal-header {
|
|
556
|
+
grid-row: 1;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.uds-modal-body {
|
|
560
|
+
grid-row: 2;
|
|
561
|
+
min-height: 0;
|
|
562
|
+
overflow: auto;
|
|
563
|
+
}
|
|
564
|
+
|
|
553
565
|
.uds-modal-header-close-button {
|
|
554
566
|
font-size: 0;
|
|
555
567
|
}
|
|
556
568
|
|
|
557
569
|
.uds-modal-footer {
|
|
570
|
+
grid-row: 3;
|
|
558
571
|
padding: 0;
|
|
559
572
|
border-top: none;
|
|
560
573
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
.uds-modal-container {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
// 변경: modal surface의 max-height 안에서 header/body/footer 3행 계약을 고정한다.
|
|
3
|
+
display: grid;
|
|
4
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
5
|
+
flex: 1 1 auto;
|
|
6
|
+
min-height: 0;
|
|
4
7
|
width: 100%;
|
|
5
8
|
}
|
|
6
9
|
|
|
@@ -9,11 +12,23 @@
|
|
|
9
12
|
padding: 0;
|
|
10
13
|
margin: 0;
|
|
11
14
|
}
|
|
15
|
+
|
|
16
|
+
.uds-modal-header {
|
|
17
|
+
grid-row: 1;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.uds-modal-body {
|
|
21
|
+
// 변경: body만 남는 높이를 차지하고 내부 스크롤을 담당한다.
|
|
22
|
+
grid-row: 2;
|
|
23
|
+
min-height: 0;
|
|
24
|
+
overflow: auto;
|
|
25
|
+
}
|
|
12
26
|
.uds-modal-header-close-button {
|
|
13
27
|
font-size: 0;
|
|
14
28
|
}
|
|
15
29
|
|
|
16
30
|
.uds-modal-footer {
|
|
31
|
+
grid-row: 3;
|
|
17
32
|
padding: 0;
|
|
18
33
|
border-top: none;
|
|
19
34
|
}
|