github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-12 10:05:32 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Tweak play button css (#25754)

Browse Source 
* Remove unnecessary properties
* Use rem unit
* Add a drop shadow
* Make the "box shadow" slightly more subtle
* Use --d-border-radius
* Don't scale the "box shadow" on hover
* Scale down the on-hover size
* Make the button slightly larger
* Respect prefers-reduced-motion
* Use white rather than --secondary-or-primary
* Don't animate on-hover on mobile
This commit is contained in:
Jarek Radosz 2024-02-20 12:13:20 +01:00 committed by Nat
parent c90488b917
commit b1111e64d1
No known key found for this signature in database
GPG Key ID: 4938B35D927EC773
1 changed files with 0 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/common/base/onebox.scss
View File

@ -965,23 +965,6 @@ aside.onebox.mixcloud-preview {
transition: transform 0s;
}
}
.spinner {
border-color: #fff;
border-right-color: rgba(0, 0, 0, 0);
margin: 0;
}
.d-icon-play {
cursor: pointer;
padding: 1em;
margin: 0.5em;
background-color: rgba(0, 0, 0, 0.5);
display: inline-flex;
justify-content: center;
align-items: center;
color: var(--secondary-or-primary);
}
}
@include hover {