💄 Portal: Improve modal backdrop UX

This commit is contained in:
Molkobain
2019-01-21 15:58:42 +01:00
parent e3c4d611c3
commit a0841d76db
2 changed files with 10 additions and 4 deletions

View File

@@ -1,5 +1,5 @@
/*!
* Combodo portal theme v1.0.0
* Combodo portal theme v2.7.0
* Based on Bootswatch Simplex
*/
/*!
@@ -4116,6 +4116,7 @@ button.close {
left: 0;
z-index: 1040;
background-color: #000;
transition: all 0.3s linear;
}
.modal-backdrop.fade {
opacity: 0;
@@ -4124,6 +4125,8 @@ button.close {
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.modal-header {
padding: 15px;

View File

@@ -1,7 +1,7 @@
@import 'variables.scss';
/*!
* Combodo portal theme v1.0.0
* Combodo portal theme v2.7.0
* Based on Bootswatch Simplex
*/
/*!
@@ -5104,7 +5104,8 @@ button.close {
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000
background-color: #000000;
transition: all 0.3s linear;
}
.modal-backdrop.fade {
opacity: 0;
@@ -5112,7 +5113,9 @@ button.close {
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50)
filter: alpha(opacity=50);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.modal-header {
padding: 15px;