mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-25 09:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

UX: Add prefers-reduced-motion query for Colibris skin #4136 (#4137)

Browse source
This commit is contained in:
axlevxa 2020-06-27 01:49:37 -07:00 • committed by GitHub
parent 8a13bde535
commit 0e2749831a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/static/skins/colibris/src/components/chat.css
View file

@ -75,10 +75,17 @@
background-color: var(--bg-color);
}
@media (prefers-reduced-motion) {
.chat-content {
transform: scale(1);
transition: none;
}
}
@media (max-width: 800px) {
#chaticon {
right: 0;
}
.stick-to-screen-btn { display: none; }
}
}

12
src/static/skins/colibris/src/components/gritter.css
View file

@ -63,6 +63,18 @@
transform: scale(1) translateY(0) !important;
transition: all 0.4s cubic-bezier(0.74, -0.05, 0.27, 1.75) !important;
}
@media (prefers-reduced-motion) {
#gritter-container.top .gritter-item.popup > .popup-content {
transform: scale(1) translateY(0px) !important;
}
#gritter-container.bottom .gritter-item.popup > .popup-content {
transform: scale(1) translateY(0px) !important;
}
.gritter-item.popup.popup-show > .popup-content {
transform: scale(1) translateY(0px) !important;
transition: none;
}
}
/* for ep_deleted_after_delay */
.gritter-item #close_expiration_notif {

13
src/static/skins/colibris/src/components/popup.css
View file

@ -41,6 +41,19 @@
min-width: 180px;
}
@media (prefers-reduced-motion) {
.popup>.popup-content {
transform: scale(1);
transition: none;
}
.nice-select .list {
transform: scale(1) translateY(0px);
-webkit-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transition: none;
}
}
@media (max-width: 800px) {
.popup-content {
padding: 1rem;