Commit @bf453eb32b493c0c3a84aa1504897fab4ee67982

yanghyo 10-20

스타일 수정

@bf453eb32b493c0c3a84aa1504897fab4ee67982

d2eabdc

bf453eb

html/onSejong/manager/mystorage/videoView.html

--- html/onSejong/manager/mystorage/videoView.html

+++ html/onSejong/manager/mystorage/videoView.html


 								</div>
 							</div>
 							<div class="view-cont">
-								<article class="view-section" style="width: 500px;"><!-- 양책임님 봐주세요 -->
+								<article class="view-section"><!-- 양책임님 봐주세요 -->
 									<h3 class="txt-hide">첨부파일</h3>
 									<div class="item-list-box">
 										<div class="item">

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/common/component/_component.scss

--- resources/front/site/SITE_00000/css/common/component/_component.scss

+++ resources/front/site/SITE_00000/css/common/component/_component.scss


 	.txt-area {
 		display: flex;
 		flex-direction: column;
-		flex:1;
+		// flex:1;
 		.profile-tit-area {
 			display: flex;
 			flex-wrap: wrap;

 		align-items: center;
 		overflow: hidden;
 		gap: 0 $spacing-xsm;
+		min-width: 0;
 		&:nth-of-type(2n) {
 			background-color: $color-background-default-secondary;
 		}

 		}
 	}
 }
+.view-section {
+	min-width: 0;
+}
 .board-view-area {
 	display: grid;
 	gap:$spacing-lg;

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/common/component/_form.scss

--- resources/front/site/SITE_00000/css/common/component/_form.scss

+++ resources/front/site/SITE_00000/css/common/component/_form.scss


 	&:only-child {
 		margin-right:0;
 	}
+    &:has(.icon-only) {
+        margin-right: 0;
+    }
 }
 .checkradio-option {
 	position: relative;

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/common/component/_table.scss

--- resources/front/site/SITE_00000/css/common/component/_table.scss

+++ resources/front/site/SITE_00000/css/common/component/_table.scss


 }
 .scroll-x {
 	overflow-x: auto;
+	width: 100%;
+	max-width: $size-wrap;
 	table {
 		width: 100%;
-		min-width: 144rem;
+	}
+	@at-root .site-body:has(.lnb) {
+		.scroll-x {
+			max-width: 108rem;
+		}
 	}
 }
 .scroll-y {

 	}
 	.etc-fnc-area {
 		align-items: center;
+	}
+	.checkradio-custom-area {
+		justify-content: center;
 	}
 }
 .write-type {

 					right: 0;
 					top: $spacing-md;
 				}
+				.checkradio-custom-area {
+					justify-content: flex-start;
+				}
 			}
 			[data-tit]::before {
 				content: attr(data-tit) ' : ';

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/custom/page/_main.scss

--- resources/front/site/SITE_00000/css/custom/page/_main.scss

+++ resources/front/site/SITE_00000/css/custom/page/_main.scss


                 justify-content: space-between;
             }
         }
+        .profile {
+            .txt-area {
+                flex:1;
+            }
+        }
     }
     .mn-sch {
         .mn-sch-area {

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/style.css

--- resources/front/site/SITE_00000/css/style.css

+++ resources/front/site/SITE_00000/css/style.css


 .checkradio:only-child {
   margin-right: 0;
 }
+.checkradio:has(.icon-only) {
+  margin-right: 0;
+}
 
 .checkradio-option {
   position: relative;

 
 .scroll-x {
   overflow-x: auto;
+  width: 100%;
+  max-width: var(--size-wrap);
 }
 .scroll-x table {
   width: 100%;
-  min-width: 144rem;
+}
+.site-body:has(.lnb) .scroll-x {
+  max-width: 108rem;
 }
 
 .scroll-y {

   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+}
+.list-type .checkradio-custom-area {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 
 .write-type th,

     position: absolute;
     right: 0;
     top: 1.6rem;
+  }
+  .list-type:not(.table-sticky, .scroll-x) tbody td .checkradio-custom-area,
+  .list-type.sm:not(.table-sticky, .scroll-x) tbody td .checkradio-custom-area {
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
   }
   .list-type:not(.table-sticky, .scroll-x) tbody [data-tit]::before,
   .list-type.sm:not(.table-sticky, .scroll-x) tbody [data-tit]::before {

   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
 }
 .profile .txt-area .profile-tit-area {
   display: -webkit-box;

           align-items: center;
   overflow: hidden;
   gap: 0 0.8rem;
+  min-width: 0;
 }
 .item-list-box .item:nth-of-type(2n) {
   background-color: var(--color-background-default-secondary);

 .view-editor-cont table td {
   border: 0.1rem solid var(--color-stroke-default-tertiary);
   padding: 0.8rem;
+}
+
+.view-section {
+  min-width: 0;
 }
 
 .board-view-area {

       -ms-flex-pack: justify;
           justify-content: space-between;
 }
+.mn-top-etc .mn-my .profile .txt-area {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
 .mn-top-etc .mn-sch .mn-sch-area {
   position: relative;
   display: -webkit-box;

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/style.css.map

--- resources/front/site/SITE_00000/css/style.css.map

+++ resources/front/site/SITE_00000/css/style.css.map

This diff is too big to display.

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/style.min.css

--- resources/front/site/SITE_00000/css/style.min.css

+++ resources/front/site/SITE_00000/css/style.min.css

This diff is too big to display.

d2eabdc

bf453eb

resources/front/site/SITE_00000/css/style.min.css.map

--- resources/front/site/SITE_00000/css/style.min.css.map

+++ resources/front/site/SITE_00000/css/style.min.css.map

This diff is too big to display.

Add a comment

Open 0
Closed 0

List

...	...	@@ -87,7 +87,7 @@
87	87	</div>
88	88	</div>
89	89	<div class="view-cont">
90		- <article class="view-section" style="width: 500px;"><!-- 양책임님 봐주세요 -->
	90	+ <article class="view-section"><!-- 양책임님 봐주세요 -->
91	91	<h3 class="txt-hide">첨부파일</h3>
92	92	<div class="item-list-box">
93	93	<div class="item">

...	...	@@ -1168,7 +1168,7 @@
1168	1168	.txt-area {
1169	1169	display: flex;
1170	1170	flex-direction: column;
1171		- flex:1;
	1171	+ // flex:1;
1172	1172	.profile-tit-area {
1173	1173	display: flex;
1174	1174	flex-wrap: wrap;
...	...	@@ -3065,6 +3065,7 @@
3065	3065	align-items: center;
3066	3066	overflow: hidden;
3067	3067	gap: 0 $spacing-xsm;
	3068	+ min-width: 0;
3068	3069	&:nth-of-type(2n) {
3069	3070	background-color: $color-background-default-secondary;
3070	3071	}
...	...	@@ -3558,6 +3559,9 @@
3558	3559	}
3559	3560	}
3560	3561	}
	3562	+.view-section {
	3563	+ min-width: 0;
	3564	+}
3561	3565	.board-view-area {
3562	3566	display: grid;
3563	3567	gap:$spacing-lg;

...	...	@@ -788,6 +788,9 @@
788	788	&:only-child {
789	789	margin-right:0;
790	790	}
	791	+ &:has(.icon-only) {
	792	+ margin-right: 0;
	793	+ }
791	794	}
792	795	.checkradio-option {
793	796	position: relative;

...	...	@@ -17,9 +17,15 @@
17	17	}
18	18	.scroll-x {
19	19	overflow-x: auto;
	20	+ width: 100%;
	21	+ max-width: $size-wrap;
20	22	table {
21	23	width: 100%;
22		- min-width: 144rem;
	24	+ }
	25	+ @at-root .site-body:has(.lnb) {
	26	+ .scroll-x {
	27	+ max-width: 108rem;
	28	+ }
23	29	}
24	30	}
25	31	.scroll-y {
...	...	@@ -220,6 +226,9 @@
220	226	}
221	227	.etc-fnc-area {
222	228	align-items: center;
	229	+ }
	230	+ .checkradio-custom-area {
	231	+ justify-content: center;
223	232	}
224	233	}
225	234	.write-type {
...	...	@@ -464,6 +473,9 @@
464	473	right: 0;
465	474	top: $spacing-md;
466	475	}
	476	+ .checkradio-custom-area {
	477	+ justify-content: flex-start;
	478	+ }
467	479	}
468	480	[data-tit]::before {
469	481	content: attr(data-tit) ' : ';

...	...	@@ -117,6 +117,11 @@
117	117	justify-content: space-between;
118	118	}
119	119	}
	120	+ .profile {
	121	+ .txt-area {
	122	+ flex:1;
	123	+ }
	124	+ }
120	125	}
121	126	.mn-sch {
122	127	.mn-sch-area {

...	...	@@ -6658,6 +6658,9 @@
6658	6658	.checkradio:only-child {
6659	6659	margin-right: 0;
6660	6660	}
	6661	+.checkradio:has(.icon-only) {
	6662	+ margin-right: 0;
	6663	+}
6661	6664
6662	6665	.checkradio-option {
6663	6666	position: relative;
...	...	@@ -7661,10 +7664,14 @@
7661	7664
7662	7665	.scroll-x {
7663	7666	overflow-x: auto;
	7667	+ width: 100%;
	7668	+ max-width: var(--size-wrap);
7664	7669	}
7665	7670	.scroll-x table {
7666	7671	width: 100%;
7667		- min-width: 144rem;
	7672	+}
	7673	+.site-body:has(.lnb) .scroll-x {
	7674	+ max-width: 108rem;
7668	7675	}
7669	7676
7670	7677	.scroll-y {
...	...	@@ -7897,6 +7904,11 @@
7897	7904	-webkit-box-align: center;
7898	7905	-ms-flex-align: center;
7899	7906	align-items: center;
	7907	+}
	7908	+.list-type .checkradio-custom-area {
	7909	+ -webkit-box-pack: center;
	7910	+ -ms-flex-pack: center;
	7911	+ justify-content: center;
7900	7912	}
7901	7913
7902	7914	.write-type th,
...	...	@@ -8170,6 +8182,12 @@
8170	8182	position: absolute;
8171	8183	right: 0;
8172	8184	top: 1.6rem;
	8185	+ }
	8186	+ .list-type:not(.table-sticky, .scroll-x) tbody td .checkradio-custom-area,
	8187	+ .list-type.sm:not(.table-sticky, .scroll-x) tbody td .checkradio-custom-area {
	8188	+ -webkit-box-pack: start;
	8189	+ -ms-flex-pack: start;
	8190	+ justify-content: flex-start;
8173	8191	}
8174	8192	.list-type:not(.table-sticky, .scroll-x) tbody [data-tit]::before,
8175	8193	.list-type.sm:not(.table-sticky, .scroll-x) tbody [data-tit]::before {
...	...	@@ -12821,9 +12839,6 @@
12821	12839	-webkit-box-direction: normal;
12822	12840	-ms-flex-direction: column;
12823	12841	flex-direction: column;
12824		- -webkit-box-flex: 1;
12825		- -ms-flex: 1;
12826		- flex: 1;
12827	12842	}
12828	12843	.profile .txt-area .profile-tit-area {
12829	12844	display: -webkit-box;
...	...	@@ -15250,6 +15265,7 @@
15250	15265	align-items: center;
15251	15266	overflow: hidden;
15252	15267	gap: 0 0.8rem;
	15268	+ min-width: 0;
15253	15269	}
15254	15270	.item-list-box .item:nth-of-type(2n) {
15255	15271	background-color: var(--color-background-default-secondary);
...	...	@@ -15913,6 +15929,10 @@
15913	15929	.view-editor-cont table td {
15914	15930	border: 0.1rem solid var(--color-stroke-default-tertiary);
15915	15931	padding: 0.8rem;
	15932	+}
	15933	+
	15934	+.view-section {
	15935	+ min-width: 0;
15916	15936	}
15917	15937
15918	15938	.board-view-area {
...	...	@@ -25069,6 +25089,11 @@
25069	25089	-ms-flex-pack: justify;
25070	25090	justify-content: space-between;
25071	25091	}
	25092	+.mn-top-etc .mn-my .profile .txt-area {
	25093	+ -webkit-box-flex: 1;
	25094	+ -ms-flex: 1;
	25095	+ flex: 1;
	25096	+}
25072	25097	.mn-top-etc .mn-sch .mn-sch-area {
25073	25098	position: relative;
25074	25099	display: -webkit-box;

Delete comment