mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 06:30:15 +08:00
94b60e62a2
Note this commit leaves out the biggest occurrence of the editor which is the post/topic composer. To avoid major breakage, this replaces it everywhere else it was used: * User preferences (About Me) * Admin Customizations > Text Content * Category Templates * Editing Queued Posts A future commit will replace the main composer with this editor and will remove the unused pagedown code.
100 lines
1.6 KiB
SCSS
100 lines
1.6 KiB
SCSS
body img.emoji {
|
|
width: 20px;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.wmd-emoji-button:before {
|
|
content: "\f118";
|
|
}
|
|
|
|
.emoji-modal {
|
|
@include transform(translate(-50%, -50%));
|
|
z-index: 10000;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
background-color: dark-light-choose(#dadada, blend-primary-secondary(5%));
|
|
}
|
|
|
|
table.emoji-page td {
|
|
border: 1px solid transparent;
|
|
background-color: dark-light-choose(white, $secondary);
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.emoji-page a {
|
|
padding: 8px;
|
|
display: block;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.emoji-page a:hover {
|
|
background-color: dark-light-choose(rgb(210, 236, 252), rgb(45, 19, 3));
|
|
}
|
|
|
|
.emoji-table-wrapper {
|
|
min-width: 442px;
|
|
min-height: 185px;
|
|
background-color: $secondary;
|
|
}
|
|
|
|
.emoji-modal-wrapper {
|
|
z-index: 9999;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: dark-light-choose(0.8, 0.5);
|
|
background-color: black;
|
|
}
|
|
|
|
.emoji-modal .toolbar {
|
|
margin: 8px 0 5px;
|
|
}
|
|
|
|
.emoji-modal .toolbar li {
|
|
display: inline;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
.emoji-modal .toolbar li a {
|
|
padding: 8px;
|
|
background-color: dark-light-choose(#dadada, blend-primary-secondary(5%));
|
|
}
|
|
|
|
.emoji-modal .toolbar li a.selected {
|
|
background-color: $secondary;
|
|
}
|
|
|
|
.emoji-modal .info {
|
|
height: 30px;
|
|
margin-left: 8px;
|
|
margin-top: 15px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.emoji-modal .info span {
|
|
margin-left: 5px;
|
|
font-weight: bold;
|
|
color: $primary;
|
|
}
|
|
|
|
.emoji-modal .info {
|
|
float: left;
|
|
}
|
|
.emoji-modal .nav {
|
|
float: right;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.emoji-modal .nav span {
|
|
color: dark-light-choose(#aaa, #555);
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.emoji-modal .nav a {
|
|
color: dark-light-choose(#333, #ccc);
|
|
}
|