[Update] favorite vote content

Style: bold article
Style: <li> margin for marker
Style: smaller padding for vote button on mobile
This commit is contained in:
Tony Yang 2021-04-01 15:45:59 +08:00
parent 6d04e70465
commit 1bf265b28a
Signed by: t510599
GPG Key ID: D88388851C28715D
2 changed files with 20 additions and 3 deletions

View File

@ -55,6 +55,10 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
white-space: pre-wrap;
line-height: 2;
margin: 50px 0;
&.bold {
font-weight: bold;
}
}
p.vote {
@ -70,9 +74,7 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
border-radius: 32px;
font-family: $fontFamilyVote;
//font-size: 16pt;
color: white;
//line-height: 1.44;
@include RWDButton;
}
}
@ -82,7 +84,9 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
list-style-type: decimal;
li {
line-height: 3;
line-height: 2;
// prevent marker overflow
margin-left: 1.5em;
}
}
@ -97,4 +101,11 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
height: calc(99/217 * 100%);
}
}
}
@media screen and (max-width: $max-width-medium-1) {
#agenda {
p.vote {
padding: 0;
}
}
}

View File

@ -2,6 +2,12 @@
<div id="agenda">
<!-- Vote Section -->
<BlockTitle text="人氣投票" id="#vote" />
<article class="bold">
總是因為擠不進會議廳而聽不到感興趣的議程嗎
<br /><br />
喜歡的議程不能只有自己看到SITCON 2021 首次舉辦事前人氣投票除了搶先看到精彩議程介紹也能把手中關鍵一票投給最期待的議程會眾期待度愈高的議程愈有機會安排在空間比較寬敞的會議廳
</article>
<p class="vote"><a class="vote button" href="https://docs.google.com/forms/d/e/1FAIpQLSdWJtLP96bqXWukmOEar0xiBfGScm3qAlp-Xii05-cmU2Gxlg/viewform" target="_blank" rel="noopeener">投票去</a></p>
<article>
<p>總是因為擠不進會議廳而聽不到感興趣的議程嗎</p>
<p>喜歡的議程不能只有自己看到SITCON 2021 首次舉辦事前人氣投票除了搶先看到精彩議程介紹也能把手中關鍵一票投給最期待的議程</p>