Reaction emoji picker size

merge-requests/30/head
Bob Mottram 2021-11-11 22:44:42 +00:00
parent dd032878c8
commit 7f03b2a069
1 changed files with 48 additions and 46 deletions

View File

@ -1733,37 +1733,38 @@ div.container {
.pageslist { .pageslist {
} }
.voteresult { .voteresult {
width: var(--voteresult-width); width: var(--voteresult-width);
height: var(--voteresult-height); height: var(--voteresult-height);
} }
.voteresultbar { .voteresultbar {
height: var(--voteresult-height); height: var(--voteresult-height);
fill: var(--voteresult-color); fill: var(--voteresult-color);
stroke-width: 10; stroke-width: 10;
stroke: var(--voteresult-border-color) stroke: var(--voteresult-border-color)
} }
.emojiReactionBar { .emojiReactionBar {
} }
.emojiReactionButton { .emojiReactionButton {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
line-height: 2rem; line-height: 2rem;
margin-right: 6px; margin-right: 6px;
padding: 1px 6px; padding: 1px 6px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 10px; border-radius: 10px;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
vertical-align: middle; vertical-align: middle;
font-size: var(--font-size-emoji-reaction); font-size: var(--font-size-emoji-reaction);
} }
.rlab { .rlab {
margin: 5px 5px; font-size: var(--font-size);
margin: 5px 5px;
} }
} }
@ -2471,36 +2472,37 @@ div.container {
.pageslist { .pageslist {
} }
.voteresult { .voteresult {
width: var(--voteresult-width-mobile); width: var(--voteresult-width-mobile);
height: var(--voteresult-height-mobile); height: var(--voteresult-height-mobile);
} }
.voteresultbar { .voteresultbar {
height: var(--voteresult-height-mobile); height: var(--voteresult-height-mobile);
fill: var(--voteresult-color); fill: var(--voteresult-color);
stroke-width: 10; stroke-width: 10;
stroke: var(--voteresult-border-color) stroke: var(--voteresult-border-color)
} }
.emojiReactionBar { .emojiReactionBar {
} }
.emojiReactionButton { .emojiReactionButton {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
line-height: 2rem; line-height: 2rem;
margin-right: 6px; margin-right: 6px;
padding: 1px 6px; padding: 1px 6px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 10px; border-radius: 10px;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
vertical-align: middle; vertical-align: middle;
font-size: var(--font-size-emoji-reaction-mobile); font-size: var(--font-size-emoji-reaction-mobile);
} }
.rlab { .rlab {
margin: 5px 5px; font-size: var(--font-size-mobile);
margin: 5px 5px;
} }
} }