Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2025-01-21 21:11:35 +01:00
Code Issues Projects Releases Wiki Activity

Don't prevent whitespace wrapping in links/buttons, widen desktop pages (#3407)

Browse Source 
Allowing whitespace to wrap solves the issue of long link/button text awkwardly breaking out of controls
Widening desktop "pages" prevents some unnecessary wrapping in places like the "Create account" button on the login screen, whose content is slightly wider than it should be (but this is currently masked by the `nowrap`)

Closes https://github.com/bitwarden/clients/issues/2620
This commit is contained in:
Patrick H. Lauke 2022-09-06 19:32:01 +01:00 committed by GitHub
parent 7c5e4dd3d6
commit 55e5e008c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/browser/src/popup/scss/base.scss
View File

@ -99,7 +99,6 @@ button {
} }
button { button {
white-space: nowrap;
cursor: pointer; cursor: pointer;
} }
@ -323,7 +322,6 @@ header {
padding: 7px 0; padding: 7px 0;
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 100%; width: 100%;

1
apps/browser/src/popup/scss/buttons.scss
View File

@ -5,7 +5,6 @@
padding: 7px 15px; padding: 7px 15px;
border: 1px solid #000000; border: 1px solid #000000;
font-size: $font-size-base; font-size: $font-size-base;
white-space: nowrap;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;

1
apps/desktop/src/scss/base.scss
View File

@ -85,7 +85,6 @@ button {
border: none; border: none;
background: transparent; background: transparent;
color: inherit; color: inherit;
white-space: nowrap;
cursor: pointer; cursor: pointer;
} }

2
apps/desktop/src/scss/buttons.scss
View File

@ -7,7 +7,6 @@
padding: 7px 15px; padding: 7px 15px;
border: 1px solid #000000; border: 1px solid #000000;
font-size: $font-size-base; font-size: $font-size-base;
white-space: nowrap;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -176,7 +175,6 @@ button.no-btn {
@include themify($themes) { @include themify($themes) {
color: themed("textColor"); color: themed("textColor");
} }
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

4
apps/desktop/src/scss/pages.scss
View File

@ -54,7 +54,7 @@
#lock-page, #lock-page,
#update-temp-password-page { #update-temp-password-page {
.content { .content {
width: 300px; width: 325px;
transition: width 0.25s linear; transition: width 0.25s linear;
p { p {
@ -112,7 +112,7 @@
#sso-page { #sso-page {
.content { .content {
width: 300px; width: 325px;
.box { .box {
margin-top: 30px; margin-top: 30px;

1
apps/web/src/scss/buttons.scss
View File

@ -191,7 +191,6 @@ button.no-btn {
border: none; border: none;
padding: 0; padding: 0;
color: inherit; color: inherit;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;