Browse Source

make toot button wide, and also rainbow on hover

main
xenua 2 years ago
parent
commit
8cc89d916d
  1. 17
      mastodon/mastodon4.user.css

17
mastodon/mastodon4.user.css

@ -1,7 +1,7 @@ @@ -1,7 +1,7 @@
/* ==UserStyle==
@name mastodon 4 ui tweaks
@namespace mastodon4
@version 1.0.0
@version 1.0.1
@description fixes the weird spacing on the new mastodon web ui. intended for the advanced user interface, may also work with the single column one.
@author xenua
@license CNPLv7+
@ -58,6 +58,11 @@ @@ -58,6 +58,11 @@
padding-bottom: 2px;
}
/* speaking of toot button, it might as well be wide */
.compose-form__publish-button-wrapper {
width: 100%;
}
/* consistent spacing in some ui elements */
.compose-form, .navigation-bar, .reply-indicator, .search-input, .link-footer {
padding: 8px;
@ -68,12 +73,17 @@ @@ -68,12 +73,17 @@
background: rgba(0,0,0,.4) /* default rgba(0,0,0,.6) */
}
/* rainbow toot button on hover because you're about to send something incredible */
.compose-form__publish-button-wrapper:hover {
animation: 4s linear 0s infinite rainbowfade;
}
/* rainbow boost button */
.icon-button.active i.fa-retweet {
animation: 4s linear 0s infinite rainbowrt;
animation: 4s linear 0s infinite rainbowfade;
}
@keyframes rainbowrt {
@keyframes rainbowfade {
from {
filter: hue-rotate(0deg) saturate(1) brightness(1.1);
}
@ -82,3 +92,4 @@ @@ -82,3 +92,4 @@
}
}
}

Loading…
Cancel
Save