Jot Plugins toolbar fix

This commit is contained in:
Random Penguin 2025-03-22 18:38:11 -05:00
parent c64af6ec03
commit 8c17699758

View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Auto Color Mode Name : Bookface Auto Color Mode
Version : 1.5.18 Version : 1.5.19
Licence : AGPL Licence : AGPL
Created on : 22 Mar 2025 Created on : 22 Mar 2025
Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
@ -1435,6 +1435,59 @@
width: 260px; width: 260px;
position: absolute; position: absolute;
} }
/* Jot Plugin Buttons */
#profile-jot-plugin-wrapper {
width: 85% !important;
margin: 0 !important;
}
#profile-jot-plugin-wrapper > div > button {
width: 45px !important;
height: 45px !important;
margin: 5px !important;
}
#profile-jot-plugin-wrapper > div > button:hover,
#profile-jot-plugin-wrapper > div > button:focus {
background-color: var(--link-color) !important;
color: white !important;
}
/* Smileys Add-on */
.smiley_button {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* image icon is not color mode aware
so swap it with an icon font
*/
.smiley_button > img {
display: none !important;
}
.smiley_button::before {
content: '\f055';
font-family: ForkAwesome;
font-size: inherit;
color: inherit;
}
#smileybutton {
position: fixed !important;
background-color: #fff !important;
width: auto !imporrtant;
border-radius: 8px !important;
padding: 10px !important;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
table.smiley-preview {
border: none !important;
}
.jotplugins #postboxbutton,
.jotplugins #smileybutton {
position: absolute !important;
}
/* Zen Postbox Add-on */
.postbox_button > img {
width: 32px !important;
height: 32px !important;
}
/* MISCELLANEOUS STUFF */ /* MISCELLANEOUS STUFF */
div#back-to-top { div#back-to-top {
bottom: 65px; bottom: 65px;
@ -2511,6 +2564,10 @@ body.mod-settings #delegation .contact-block-img {
position: relative; position: relative;
float: none !important; float: none !important;
} }
/* Jot Plugin Buttons */
#profile-jot-plugin-wrapper {
width: 100%;
}
} }
/* Frio Theme Cut-Off (double sidebar width) /* Frio Theme Cut-Off (double sidebar width)
========================================= =========================================
@ -4330,6 +4387,59 @@ aside .widget li:hover {
width: 260px; width: 260px;
position: absolute; position: absolute;
} }
/* Jot Plugin Buttons */
#profile-jot-plugin-wrapper {
width: 85% !important;
margin: 0 !important;
}
#profile-jot-plugin-wrapper > div > button {
width: 45px !important;
height: 45px !important;
margin: 5px !important;
}
#profile-jot-plugin-wrapper > div > button:hover,
#profile-jot-plugin-wrapper > div > button:focus {
background-color: var(--link-color) !important;
color: white !important;
}
/* Smileys Add-on */
.smiley_button {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* image icon is not color mode aware
so swap it with an icon font
*/
.smiley_button > img {
display: none !important;
}
.smiley_button::before {
content: '\f055';
font-family: ForkAwesome;
font-size: inherit;
color: inherit;
}
#smileybutton {
position: fixed !important;
background-color: #fff !important;
width: auto !imporrtant;
border-radius: 8px !important;
padding: 10px !important;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
table.smiley-preview {
border: none !important;
}
.jotplugins #postboxbutton,
.jotplugins #smileybutton {
position: absolute !important;
}
/* Zen Postbox Add-on */
.postbox_button > img {
width: 32px !important;
height: 32px !important;
}
/* MISCELLANEOUS STUFF */ /* MISCELLANEOUS STUFF */
div#back-to-top { div#back-to-top {
bottom: 65px; bottom: 65px;
@ -5384,7 +5494,11 @@ a.tag.label,
.intro-actions { .intro-actions {
position: relative; position: relative;
float: none !important; float: none !important;
} }
/* Jot Plugin Buttons */
#profile-jot-plugin-wrapper {
width: 100%;
}
} }
/* Frio Theme Cut-Off (double sidebar width) /* Frio Theme Cut-Off (double sidebar width)
========================================= =========================================