틀:뱃지그룹: 두 판 사이의 차이

2023년 8월 19일 (토) 00:32 판

파라미터로 넣은 모든 머릿글틀을 보기좋은 형태로 바꿔서 푸터에 넣어줍니다.

@@ 6번째 줄: / 6번째 줄: @@
 .template-badge{
      float:right;
-     width:60px;
+     width:48px;
-     height:60px;
+     height:48px;
      cursor:pointer;
      outline-width: 2px;
@@ 50번째 줄: / 50번째 줄: @@
 .template-badge .descript{
-     width: 400%;
+     width: 600%;
-    padding: 4px;
      font-size: 0.7rem;
      opacity: 0;
      background:#fff;
+    box-shadow:0px 4px 4px rgba(0,0,0,0.25);
+    transform: translateY(calc(100%));
+    cursor:initial;
+}
+.template-badge .descript .title{
+    height:1.3rem;
+    vertical-align:middle;
+    padding-left:4px;
 }
-.template-badge:active .descript{
+.template-badge .descript .title *{
-     opacity: 0.8;
+    vertical-align: middle;
+}
+.template-badge .descript .content{
+    padding:4px;
+}
+.template-badge .descript.active{
+     opacity: 1;
      visibility: visible;
      transform: translateY(calc(100% + 8px));
 }
 }}<div class='template-badges'>{{{1|}}}</div></onlyinclude></includeonly>
 파라미터로 넣은 모든 머릿글틀을 보기좋은 형태로 바꿔서 푸터에 넣어줍니다.