github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 07:18:06 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: do not show shadow on hover images on touch devices (#8429)

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2019-11-28 10:51:08 +01:00 committed by GitHub
parent d10f55c3e9
commit 7fc99f5e7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/stylesheets/common/base/lightbox.scss
View File

@ -73,15 +73,17 @@ $meta-element-margin: 6px;
margin: auto;
}
@if is-light-color-scheme() {
a.lightbox {
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.discourse-no-touch {
@if is-light-color-scheme() {
a.lightbox {
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.lightbox:hover {
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba($primary, 0.2),
0 2px 10px 0 rgba($primary, 0.2);
a.lightbox:hover {
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba($primary, 0.2),
0 2px 10px 0 rgba($primary, 0.2);
}
}
}