Skip to content

Commit 42a3f69

Browse files
committed
タグ表示の切れを修正
- overflow: hidden を visible に変更して6個目以降のタグが表示されるように修正 - flexbox と flex-wrap を使用してタグを折り返し表示に対応 - スマートフォンビューではタグを左寄せに、デスクトップでは中央寄せを維持
1 parent 01b6386 commit 42a3f69

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

app/assets/stylesheets/custom.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -349,7 +349,7 @@ h1,h2,h3,h4,h5,h6 { scroll-margin-top: 100px; }
349349
}
350350

351351
.dojo {
352-
overflow: hidden;
352+
overflow: visible;
353353
vertical-align: top
354354
}
355355

@@ -860,6 +860,13 @@ body>footer a:hover {
860860
padding: 0;
861861
list-style: none;
862862
font-size: 13px;
863+
display: flex;
864+
flex-wrap: wrap;
865+
justify-content: center;
866+
867+
@media only screen and (max-width: 720px) {
868+
justify-content: flex-start;
869+
}
863870

864871
li {
865872
display: inline-block;

0 commit comments

Comments
 (0)