[smileybutton] Rework addon

- Add frio style
- Remove reference to removed tinymce editor
This commit is contained in:
Hypolite Petovan 2021-02-08 11:02:34 -05:00
parent ebdc1a753d
commit 4f698eb875
6 changed files with 161 additions and 68 deletions

View file

@ -1,9 +1,17 @@
img.smiley_button {
#profile-smiley-wrapper {
display: block;
}
#smileybutton {
display: none;
}
.smiley_button > img {
height: 18px;
width: 18px;
}
img.smiley_preview {
table.smiley-preview img.smiley {
max-height: 25px;
max-width: 25px;
}
@ -11,3 +19,7 @@ img.smiley_preview {
table.smiley-preview {
border: 1px solid #AAAAAA;
}
table.smiley-preview td {
cursor: pointer;
}

View file

@ -1,14 +1,26 @@
img.smiley_button {
#profile-smiley-wrapper {
display: block;
}
#smileybutton {
display: none;
}
.smiley_button {
height: 18px;
width: 18px;
position: relative;
left: 285px;
top: -45px;
padding: 0;
border: 0;
background: none;
}
img.smiley_preview {
table.smiley-preview img.smiley {
max-height: 25px;
max-width: 25px;
cursor: pointer;
}
table.smiley-preview {
@ -19,3 +31,7 @@ table.smiley-preview {
left: 285px;
top: -36px;
}
table.smiley-preview td {
cursor: pointer;
}

View file

@ -0,0 +1,31 @@
#profile-smiley-wrapper {
display: block;
}
#smileybutton {
display: none;
}
.smiley_button > img {
height: 14px;
width: 14px;
}
table.smiley-preview img.smiley {
max-height: 25px;
max-width: 25px;
}
table.smiley-preview {
border: 1px solid #AAAAAA;
}
table.smiley-preview td {
cursor: pointer;
}
#profile-smiley-wrapper > .btn-link {
position: relative;
display: block;
padding: 10px 15px;
}

View file

@ -1,4 +1,12 @@
img.smiley_button {
#profile-smiley-wrapper {
display: block;
}
#smileybutton {
display: none;
}
.smiley_button > img {
height: 22px;
width: 22px;
position: relative;
@ -8,9 +16,10 @@ img.smiley_button {
border-radius: 0px;
}
img.smiley_preview {
table.smiley-preview img.smiley {
max-height: 25px;
max-width: 25px;
cursor: pointer;
}
table.smiley-preview {
@ -19,3 +28,7 @@ table.smiley-preview {
border-radius: 5px;
margin: 5px;
}
table.smiley-preview td {
cursor: pointer;
}

View file

@ -1,15 +1,49 @@
img.smiley_button {
#profile-smiley-wrapper {
float: left;
margin-left: 15px;
cursor: pointer;
height: 10px;
display: inline-block;
}
#profile-smiley-wrapper .btn {
padding: 0;
margin: 0;
border: 0;
background: none;
width: 20px;
height: 20px;
line-height: inherit;
display: inline-block;
overflow: hidden;
padding: 1px;
color: #999;
vertical-align: text-top;
}
#smileybutton {
position: absolute;
z-index: 99;
display: none;
}
.smiley_button > img {
height: 18px;
width: 18px;
margin-right: 18px;
}
img.smiley_preview {
max-height: 25px;
max-width: 25px;
table.smiley-preview {
background-color: #FFF;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
table.smiley-preview {
border: 1px solid #999999;
margin-left: 10px;
table.smiley-preview img.smiley {
max-height: 25px;
max-width: 25px;
cursor: pointer;
}
table.smiley-preview td {
cursor: pointer;
}