mirror of
https://github.com/bitwarden/desktop.git
synced 2024-11-30 12:54:31 +01:00
dont use flex for password-wrapper positioning
This commit is contained in:
parent
81c5b5577b
commit
9f842f6fbd
2
jslib
2
jslib
@ -1 +1 @@
|
||||
Subproject commit f39bdc4269c1105211ac901b7d2d51978375b222
|
||||
Subproject commit 2ef1b7d65c02f7f204a0bb5a46c28aa093be274d
|
@ -35,7 +35,7 @@ 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 { 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';
|
||||
@ -155,7 +155,6 @@ registerLocaleData(localeZhTw, 'zh-TW');
|
||||
EnvironmentComponent,
|
||||
ExportComponent,
|
||||
FallbackSrcDirective,
|
||||
FlexCopyDirective,
|
||||
FolderAddEditComponent,
|
||||
GroupingsComponent,
|
||||
HintComponent,
|
||||
@ -170,6 +169,7 @@ registerLocaleData(localeZhTw, 'zh-TW');
|
||||
PremiumComponent,
|
||||
RegisterComponent,
|
||||
SearchCiphersPipe,
|
||||
SelectCopyDirective,
|
||||
SettingsComponent,
|
||||
ShareComponent,
|
||||
StopClickDirective,
|
||||
|
@ -9,7 +9,7 @@
|
||||
<div class="box-content condensed">
|
||||
<div class="box-content-row box-content-row-flex" *ngFor="let h of history">
|
||||
<div class="row-main">
|
||||
<div class="text password-wrapper monospaced" appFlexCopy
|
||||
<div class="password-wrapper monospaced" appSelectCopy
|
||||
[innerHTML]="h.password | colorPassword"></div>
|
||||
<span class="detail">{{h.date | date:'medium'}}</span>
|
||||
</div>
|
||||
|
@ -2,7 +2,9 @@
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="password-block" [innerHTML]="password | colorPassword" appFlexCopy></div>
|
||||
<div class="password-block">
|
||||
<div class="password-wrapper" [innerHTML]="password | colorPassword" appSelectCopy></div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box-content condensed">
|
||||
<a class="box-content-row" href="#" appStopClick appBlurClick (click)="regenerate()">
|
||||
|
@ -26,9 +26,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">
|
||||
{{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">
|
||||
|
@ -153,6 +153,7 @@
|
||||
|
||||
.row-main {
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
&.box-content-row-flex, .box-content-row-flex, &.box-content-row-checkbox, &.box-content-row-input,
|
||||
|
@ -184,12 +184,9 @@ p.lead {
|
||||
}
|
||||
|
||||
.password-wrapper {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
|
||||
span {
|
||||
white-space: pre;
|
||||
}
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.password-number {
|
||||
|
Loading…
Reference in New Issue
Block a user