diff --git a/dev/Styles/Admin.less b/dev/Styles/Admin.less index 1eb54beb8..a448be15c 100644 --- a/dev/Styles/Admin.less +++ b/dev/Styles/Admin.less @@ -29,7 +29,6 @@ .e-item { overflow: hidden; text-decoration: none; - outline: 0; } .e-link { @@ -47,7 +46,6 @@ padding: 4px 10px; - outline: 0; text-decoration: none; } diff --git a/dev/Styles/Components.less b/dev/Styles/Components.less index 3abef0d8c..fe58f58a9 100644 --- a/dev/Styles/Components.less +++ b/dev/Styles/Components.less @@ -57,7 +57,6 @@ &.disabled { cursor: not-allowed; opacity: 0.5; - outline: 0; } } diff --git a/dev/Styles/EmailAddresses.less b/dev/Styles/EmailAddresses.less index 58f8da449..2ded694fe 100644 --- a/dev/Styles/EmailAddresses.less +++ b/dev/Styles/EmailAddresses.less @@ -49,7 +49,6 @@ .emailaddresses li a { font-size: 12px; color: #999; - outline: 0; padding: 1px; position: absolute; right: 2px; @@ -73,7 +72,6 @@ height: auto; line-height: inherit; margin: 0; - outline: 0; padding: 0; vertical-align: baseline; } diff --git a/dev/Styles/FolderList.less b/dev/Styles/FolderList.less index d07e361c1..7b842df36 100644 --- a/dev/Styles/FolderList.less +++ b/dev/Styles/FolderList.less @@ -112,7 +112,6 @@ padding-left: @folderItemPadding; padding-right: @folderItemPadding; - outline: 0; text-decoration: none; &.selectable { diff --git a/dev/Styles/Login.less b/dev/Styles/Login.less index 12ad7a1ea..038b1132c 100644 --- a/dev/Styles/Login.less +++ b/dev/Styles/Login.less @@ -11,126 +11,119 @@ } } -@glass-color: #fff !important; -@glass-error-color: #f76260 !important; -@glass-m-color: rgba(255, 255, 255, .8) !important; +@glass-color: #fff; +@glass-error-color: #f76260; +@glass-m-color: rgba(255, 255, 255, .8); .b-login-content { .loginFormWrapper { position: relative; + } - .descWrapper { - margin-bottom: 10px; - text-align: center; + .descWrapper { + color: var(--loading-color, #000); + font-size: 30px; + margin-bottom: 10px; + text-align: center; + text-shadow: var(--loading-text-shadow); + } - .desc { - font-size: 30px; - color: var(--loading-color, #000); - text-shadow: var(--loading-text-shadow); - } - } + .loginForm { + background-color: var(--login-bg-color, rgba(0, 0, 0, .5)); + border: var(--login-border, 1px solid rgba(255, 255, 255, .2)); + border-radius: var(--login-border-radius, 7px); + box-shadow: var(--login-box-shadow); + color: var(--login-color, @glass-m-color); + margin: 0; - .loginForm { - background-color: var(--login-bg-color, rgba(0, 0, 0, .5)); - border: var(--login-border, 1px solid rgba(255, 255, 255, .2)); - border-radius: var(--login-border-radius, 7px); - box-shadow: var(--login-box-shadow); - margin: 0; - } - - .input-append .add-on *, - .loginForm, .legend, .e-checkbox-icon, .g-ui-link, .language-button { + * { color: var(--login-color, @glass-m-color); - text-shadow: none !important; } - .controls, .control-group { - margin-bottom: 25px; - } - - .wrapper { - padding: 40px 40px 20px 40px; - } - - .controls { - .inputLoginForm, .inputEmail, .inputLogin, .inputPassword { - font-size: 18px; - height: 40px; - line-height: 20px; - padding-left: 12px; - padding-right: 12px; - } - .inputEmail, .inputLogin, .inputPassword { - padding-right: 35px; - } - - input, .btn { - border: 1px solid none !important; - background: none !important; - outline: none !important; - text-shadow: none !important; - box-shadow: none !important; - - color: @glass-color; - border-color: @glass-m-color; + .controls.error { + .input-append .add-on, + .input-append .add-on * { + color: @glass-error-color; } input { + color: @glass-error-color; + border-color: @glass-error-color; + } + } + } - &:placeholder { - color: @glass-color; - text-shadow: none !important; - } + .controls, .control-group { + margin-bottom: 25px; + } - &:focus, &:hover { - border-color: @glass-color; - } + .wrapper { + padding: 40px 40px 20px 40px; + } + + .controls { + .inputLoginForm, .inputLogin, .inputPassword { + font-size: 18px; + height: 40px; + line-height: 20px; + padding-left: 12px; + padding-right: 12px; + } + .inputLogin, .inputPassword { + padding-right: 35px; + } + + input, .btn { + border: 1px solid none; + background: none !important; + text-shadow: none; + box-shadow: none; + + color: @glass-color; + border-color: @glass-m-color; + } + + input { + + &:placeholder { + color: @glass-color; + text-shadow: none; } - .btn { - - text-transform: uppercase; - font-size: 13px; - - &:hover, &:active { - border-color: @glass-color; - } - } - - &.error { - .input-append .add-on * { - color: @glass-error-color; - } - - input { - color: @glass-error-color; - border-color: @glass-error-color; - } + &:focus, &:hover { + border-color: @glass-color; } } - .signMeLabel .e-checkbox { - margin-top: 5px; - } + .btn { - .input-append .add-on { - margin-left: -1.5em; - position: relative; - font-size: 17px; - line-height: 29px; - top: 6px; - } + text-transform: uppercase; + font-size: 13px; - .input-append .add-on * { - font-size: 17px; - line-height: 29px; + &:hover, &:active { + border-color: @glass-color; + } } + } - .controls.error .add-on *, - .control-group.error .add-on * { - color: #b94a48; - } + .signMeLabel .e-checkbox { + margin-top: 5px; + } + + .input-append .add-on { + margin-left: -1.5em; + position: absolute; + font-size: 17px; + line-height: 29px; + right: 6px; + top: 6px; + z-index: 10; + } + + .input-append .add-on * { + font-size: 17px; + line-height: 29px; } .buttonLogin { @@ -160,7 +153,6 @@ .language-button { padding: 5px; - outline: none; text-decoration: none; } } @@ -207,6 +199,5 @@ display: inline-block; margin: 0; padding: 0; - outline: none; cursor: pointer; } diff --git a/dev/Styles/Settings.less b/dev/Styles/Settings.less index 06bffca4f..dc5ed859d 100644 --- a/dev/Styles/Settings.less +++ b/dev/Styles/Settings.less @@ -39,7 +39,6 @@ .e-item { overflow: hidden; text-decoration: none; - outline: 0; } .e-link { @@ -56,7 +55,6 @@ padding: 4px 10px; - outline: 0; text-decoration: none; } diff --git a/dev/Styles/SquireUI.less b/dev/Styles/SquireUI.less index 1e79d40fd..aa99ec2f8 100644 --- a/dev/Styles/SquireUI.less +++ b/dev/Styles/SquireUI.less @@ -143,7 +143,6 @@ Secondly, we can't rely on MUA's what to do with :empty border-radius: 0; display: none; font-family: var(--fontMono); - outline: none; margin: 0; resize: none; white-space: pre-wrap; diff --git a/dev/Styles/SystemDropDown.less b/dev/Styles/SystemDropDown.less index 3122d8040..72c5b450e 100644 --- a/dev/Styles/SystemDropDown.less +++ b/dev/Styles/SystemDropDown.less @@ -23,7 +23,7 @@ .email-title { display: inline-block; - max-width: 200px; + max-width: 50vw; text-align: left; text-overflow: ellipsis; overflow: hidden; @@ -61,24 +61,19 @@ } .accountPlace { - background-color: #000; background-color: rgba(0, 0, 0, 0.5); - + border-radius: 4px; color: #fff; - text-shadow: 0 1px 0 #000; - display: inline-block; - height: 29px; - max-width: 250px; - border-radius: 4px; - font-size: 16px; - line-height: 30px; - padding: 1px 8px; - overflow: hidden; - text-overflow: ellipsis; - border-radius: 4px; font-weight: bold; - + font-size: 16px; + height: 29px; + line-height: 30px; + max-width: 25vw; + overflow: hidden; + padding: 1px 8px; + text-overflow: ellipsis; + text-shadow: 0 1px 0 #000; white-space: nowrap; } @@ -107,13 +102,6 @@ } } -/* mobile */ -@media screen and (max-width: 767px) { - .accountPlace { - max-width: 150px !important; - } -} - @keyframes firstBar { 0% { height: 30%; } 50% { height: 100%; } diff --git a/dev/Styles/_End.less b/dev/Styles/_End.less index a3fb20f95..079e2bbd3 100644 --- a/dev/Styles/_End.less +++ b/dev/Styles/_End.less @@ -17,7 +17,7 @@ top: 100%; transition: opacity 0.2s ease-in-out; white-space: nowrap; - z-index: 2001 !important; + z-index: 2001; } @media only screen and (max-width: 600px) { [data-rainloopErrorTip]::before { diff --git a/snappymail/v/0.0.0/app/templates/Views/Admin/AdminLogin.html b/snappymail/v/0.0.0/app/templates/Views/Admin/AdminLogin.html index 9ef4a06c5..382ba7a0e 100644 --- a/snappymail/v/0.0.0/app/templates/Views/Admin/AdminLogin.html +++ b/snappymail/v/0.0.0/app/templates/Views/Admin/AdminLogin.html @@ -4,37 +4,35 @@ -
-
-
-
- - 👤 -
+ +
+
+ + 👤
-
-
- - - 🔑 - - -
+
+
+
+ + + 🔑 + +
-
-
- -
- -
+
+
+
+ +
+
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/Login.html b/snappymail/v/0.0.0/app/templates/Views/User/Login.html index f73606fa4..41f727b19 100644 --- a/snappymail/v/0.0.0/app/templates/Views/User/Login.html +++ b/snappymail/v/0.0.0/app/templates/Views/User/Login.html @@ -1,78 +1,75 @@