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

dont use flex for password-wrapper positioning.

Browse Source
This commit is contained in:
Kyle Spearrin 2019-04-01 13:19:00 -04:00
parent f8ac02c24c
commit e895dd31c8
8 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
jslib

@ -1 +1 @@
Subproject commit dc37528d223cd12f37297c80e6ad54ab68dfb109
Subproject commit 2ef1b7d65c02f7f204a0bb5a46c28aa093be274d

4
src/popup/app.module.ts
View File

@ -50,8 +50,8 @@ import { AutofocusDirective } from 'jslib/angular/directives/autofocus.directive
import { BlurClickDirective } from 'jslib/angular/directives/blur-click.directive';
import { BoxRowDirective } from 'jslib/angular/directives/box-row.directive';
import { FallbackSrcDirective } from 'jslib/angular/directives/fallback-src.directive';
import { FlexCopyDirective } from 'jslib/angular/directives/flex-copy.directive';
import { InputVerbatimDirective } from 'jslib/angular/directives/input-verbatim.directive';
import { SelectCopyDirective } from 'jslib/angular/directives/select-copy.directive';
import { StopClickDirective } from 'jslib/angular/directives/stop-click.directive';
import { StopPropDirective } from 'jslib/angular/directives/stop-prop.directive';
import { TrueFalseValueDirective } from 'jslib/angular/directives/true-false-value.directive';
@ -169,7 +169,6 @@ registerLocaleData(localeZhTw, 'zh-TW');
EnvironmentComponent,
ExportComponent,
FallbackSrcDirective,
FlexCopyDirective,
FolderAddEditComponent,
FoldersComponent,
GroupingsComponent,
@ -189,6 +188,7 @@ registerLocaleData(localeZhTw, 'zh-TW');
PrivateModeComponent,
RegisterComponent,
SearchCiphersPipe,
SelectCopyDirective,
SettingsComponent,
ShareComponent,
StopClickDirective,

2
src/popup/generator/password-generator-history.component.html
View File

@ -20,7 +20,7 @@
<div class="box-content-row box-content-row-flex" *ngFor="let h of history">
<div class="row-main">
<div class="row-main-content">
<div class="text monospaced password-wrapper no-ellipsis" appFlexCopy
<div class="monospaced password-wrapper" appSelectCopy
[innerHTML]="h.password | colorPassword"></div>
<span class="detail">{{h.date | date:'medium'}}</span>
</div>

2
src/popup/generator/password-generator.component.html
View File

@ -11,7 +11,7 @@
</div>
</header>
<content>
<div class="password-block password-wrapper" [innerHTML]="password | colorPassword" appFlexCopy></div>
<div class="password-block password-wrapper" [innerHTML]="password | colorPassword" appSelectCopy></div>
<div class="box list">
<div class="box-content single-line">
<a class="box-content-row text-primary" href="#" appStopClick appBlurClick

1
src/popup/scss/box.scss
View File

@ -225,6 +225,7 @@
.row-main {
flex-grow: 1;
min-width: 0;
}
&.box-content-row-flex, .box-content-row-flex, &.box-content-row-checkbox,

8
src/popup/scss/misc.scss
View File

@ -146,12 +146,8 @@ p.lead {
}
.password-wrapper {
display: flex !important;
flex-wrap: wrap;
span {
white-space: pre;
}
word-break: break-all;
white-space: pre-wrap;
}
.password-number {

5
src/popup/scss/pages.scss
View File

@ -12,11 +12,6 @@ app-password-generator .password-block {
font-size: $font-size-large;
font-family: $font-family-monospace;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
margin: 20px;
}

4
src/popup/vault/view.component.html
View File

@ -36,9 +36,9 @@
<div class="box-content-row box-content-row-flex" *ngIf="cipher.login.password">
<div class="row-main">
<span class="row-label">{{'password' | i18n}}</span>
<div [hidden]="showPassword" class="monospaced password-wrapper" appFlexCopy>
<div [hidden]="showPassword" class="monospaced" appSelectCopy>
{{cipher.login.maskedPassword}}</div>
<div [hidden]="!showPassword" class="monospaced password-wrapper" appFlexCopy
<div [hidden]="!showPassword" class="monospaced password-wrapper" appSelectCopy
[innerHTML]="cipher.login.password | colorPassword"></div>
</div>
<div class="action-buttons">