Enable default :focus outline (#3417)

web/css/src/base.css

@@ -14,10 +14,6 @@ html {
 	box-sizing: inherit;
 }
 
-:focus {
-	outline: none;
-}
-
 [x-cloak] {
 	display: none !important;
 }

web/css/src/themes/dark.css

@@ -591,21 +591,6 @@ strong {
 			inset 0 0 3px rgb(0 0 0 / 65%);
 	}
 
-	&:focus {
-		color: #eee;
-		text-shadow: 0 1px 1px rgb(0 0 0 / 35%);
-		border-color: #0090ff;
-		background: #303030;
-		background: linear-gradient(
-			0deg,
-			rgb(48 48 48 / 100%) 0%,
-			rgb(53 53 53 / 100%) 35%,
-			rgb(69 69 69 / 100%) 100%
-		);
-		box-shadow: 0 1px 4px rgb(0 0 0 / 20%), inset 0 0 1px rgb(20 20 20 / 100%),
-			inset 0 0 3px rgb(0 0 0 / 50%);
-	}
-
 	&:active {
 		color: #d4d4d4;
 		text-shadow: 0 -1px 1px rgb(0 0 0 / 55%);
@@ -733,6 +718,13 @@ strong {
 	background-color: #282828;
 }
 
+/* Spinner
+   ========================================================================== */
+
+.fullscreen-loader {
+	background-color: rgb(0 0 0 / 50%);
+}
+
 /* Badge component
    ========================================================================== */
 

web/css/src/themes/default.css

@@ -1863,8 +1863,7 @@
 		transition: 0.2s;
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		color: #517bab;
 		text-shadow: 0 -1px 2px rgb(255 255 255 / 85%);
 		border-color: #0066b4;
@@ -1901,8 +1900,7 @@
 	border-color: #f27e71;
 }
 
-.button-danger:active,
-.button-danger:focus {
+.button-danger:active {
 	background: linear-gradient(to bottom, #fcd0ca 0%, #f5a69d 50%, #f9e3df 100%);
 	color: #ce1500;
 	text-shadow: 0 1px 1px rgb(255 255 255 / 20%), 0 -1px 1px rgb(255 255 255 / 60%);
@@ -2187,7 +2185,7 @@
 	justify-content: center;
 	align-items: center;
 	padding: 50px;
-	background-color: rgb(0 0 0 / 50%);
+	background-color: rgb(0 0 0 / 10%);
 	font-size: 50px;
 	z-index: 9999;
 	visibility: hidden;

web/css/src/themes/flat.css

@@ -122,8 +122,7 @@ strong {
 		);
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		box-shadow: none;
 		background: linear-gradient(
 			to bottom,
@@ -145,8 +144,7 @@ strong {
 		border-color: #f27e71;
 	}
 
-	&:active,
-	:focus {
+	&:active {
 		background: #a91200;
 		color: #fff;
 		border-color: #f4301a;

web/css/src/themes/vestia.css

@@ -196,8 +196,7 @@ strong {
 			text-transform: none;
 		}
 
-		&:active,
-		&:focus {
+		&:active {
 			color: #ff6701;
 			background: none;
 			text-shadow: none;
@@ -264,8 +263,7 @@ strong {
 		box-shadow: none;
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		border-color: transparent;
 		color: #fff;
 		background: #809c00;
@@ -293,8 +291,7 @@ strong {
 		background: #f5f5f5;
 	}
 
-	&:active,
-	&:focus {
+	&:active {
 		color: #326b9b;
 		text-shadow: none;
 		border-color: #aaa;

web/css/themes/flat.min.css

@@ -1 +1 @@
-:root{--alert-box-shadow:none;--alert-text-shadow:none}b,strong{font-weight:600}.top-bar{background:#5070a6;box-shadow:none}.top-bar-usage-inner{text-shadow:none}.top-bar-notifications-list{border:1px solid #ccc;box-shadow:none}.top-bar-menu-link{text-shadow:none}.top-bar-menu-link:active,.top-bar-menu-link:hover{background:#fff;box-shadow:none}.top-bar-menu-link.active{background:#fff}.toolbar-sorting-menu{background-color:#fff;border-color:#ccc;box-shadow:none}.table-header{background:#fafafa}.l-unit:hover,.table-header{box-shadow:none}.l-unit__stat-col--left a,.l-unit__stat-col--left a:hover,.l-unit__stat-col--left a:visited{color:#5f7eb3}.badge,.l-unit:hover,.units .l-unit:hover{box-shadow:none}.collapse-header{background:#fafafa;box-shadow:none}.button,.form-control,.form-select{box-shadow:none}.button{background:linear-gradient(180deg,#ebf3f9 0,#dfebf5)}.button:hover{background:linear-gradient(180deg,#f1f8fd 0,#e3f0fb);box-shadow:none;color:#6986b7}.button:active,.button:focus{background:linear-gradient(180deg,#d2e8fa 0,#c2e0f8);box-shadow:none}.button-secondary{background:linear-gradient(180deg,#fafafa 0,#f1f1f1);box-shadow:none}.button-danger:hover{background:#fcd3cf;border-color:#f27e71;color:#f4301a}.button-danger :focus,.button-danger:active{background:#a91200;border-color:#f4301a;color:#fff}.modal{box-shadow:0 2px 11px 0 rgba(0,0,0,.5)}.body-login,.body-reset{background:#5f7eb3}@media (min-width:480px){.login{background-color:hsla(0,0%,100%,.8);box-shadow:0 2px 10px rgba(0,0,0,.3),inset 0 0 2px #fff}}
+:root{--alert-box-shadow:none;--alert-text-shadow:none}b,strong{font-weight:600}.top-bar{background:#5070a6;box-shadow:none}.top-bar-usage-inner{text-shadow:none}.top-bar-notifications-list{border:1px solid #ccc;box-shadow:none}.top-bar-menu-link{text-shadow:none}.top-bar-menu-link:active,.top-bar-menu-link:hover{background:#fff;box-shadow:none}.top-bar-menu-link.active{background:#fff}.toolbar-sorting-menu{background-color:#fff;border-color:#ccc;box-shadow:none}.table-header{background:#fafafa}.l-unit:hover,.table-header{box-shadow:none}.l-unit__stat-col--left a,.l-unit__stat-col--left a:hover,.l-unit__stat-col--left a:visited{color:#5f7eb3}.badge,.l-unit:hover,.units .l-unit:hover{box-shadow:none}.collapse-header{background:#fafafa;box-shadow:none}.button,.form-control,.form-select{box-shadow:none}.button{background:linear-gradient(180deg,#ebf3f9 0,#dfebf5)}.button:hover{background:linear-gradient(180deg,#f1f8fd 0,#e3f0fb);box-shadow:none;color:#6986b7}.button:active{background:linear-gradient(180deg,#d2e8fa 0,#c2e0f8);box-shadow:none}.button-secondary{background:linear-gradient(180deg,#fafafa 0,#f1f1f1);box-shadow:none}.button-danger:hover{background:#fcd3cf;border-color:#f27e71;color:#f4301a}.button-danger:active{background:#a91200;border-color:#f4301a;color:#fff}.modal{box-shadow:0 2px 11px 0 rgba(0,0,0,.5)}.body-login,.body-reset{background:#5f7eb3}@media (min-width:480px){.login{background-color:hsla(0,0%,100%,.8);box-shadow:0 2px 10px rgba(0,0,0,.3),inset 0 0 2px #fff}}