mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-01 14:10:37 +02:00
Code Issues Releases Wiki Activity

CSS Code Housekeeping (#3026)

Browse Source 
* refactor: Avatar classes refactor
* refactor: Badge classes refactor
* chore: Remove commented dead code
* chore: Remove SignUpModal dead CSS code
Flarum seem to have had some kind of user display in the sign up modal 
on successful sign up, which no longer exists.

https://github.com/flarum/core/blob/v0.1.0-beta/js/forum/src/components/SignUpModal.js#L111
* chore: Deprecate unneeded vendor mixins
* chore: Normalize property values format
Co-authored-by: David Wheatley <hi@davwheat.dev>
* chore: Remove @-webkit-keyframes
* chore: Combine animation properties
* chore: Avoid `all` for transition
* chore: translate3d is no longer necessary for hardware acceleration
* fix: Lost cursor pointer to normalize update
* chore: Use CSS variables for more things
* chore: Remove unecessary overspecification
Co-authored-by: David Wheatley <hi@davwheat.dev>
This commit is contained in:
Sami Mazouz
2021-08-21 19:34:07 +01:00
committed by GitHub
parent 57eb621885
commit af89b23f67
29 changed files with 156 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
less/common/Dropdown.less
View File

@@ -12,7 +12,7 @@
margin: 7px 0;
background: @body-bg;
border-radius: @border-radius;
.box-shadow(0 2px 6px @shadow-color);
box-shadow: 0 2px 6px @shadow-color;
list-style: none;
text-align: left;
color: @text-color;
@@ -35,11 +35,12 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.box-shadow(none);
box-shadow: none;
text-align: left;
font-size: 13px;
font-weight: normal;
text-decoration: none;
cursor: pointer;
&.hasIcon {
padding-left: 40px;
@@ -154,7 +155,7 @@
float: none;
position: static;
background: none;
.box-shadow(none);
box-shadow: none;
}
}
@@ -176,12 +177,12 @@
display: block;
max-height: 70vh;
border-radius: 0;
.box-shadow(0 2px 6px @shadow-color);
box-shadow: 0 2px 6px @shadow-color;
visibility: hidden;
overflow: auto;
-webkit-overflow-scrolling: touch;
.translate3d(0, 70vh, 0);
.transition-transform(~" 0.3s, visibility 0s 0.3s");
transform: translate(0, 70vh);
transition: transform 0.3s, visibility 0s 0.3s;
> li {
> a, > button {
@@ -222,8 +223,8 @@
.dropdown-backdrop {
background: fade(@secondary-color, 90%);
opacity: 0;
.transition(~"opacity 0.3s");
.translate3d(0, 0, 0);
transition: opacity 0.3s;
transform: translate(0, 0);
.open & {
opacity: 1;