From ee19100af4b8cfed5bb53c1afc04958eef8b6c6c Mon Sep 17 00:00:00 2001
From: Veit-Hendrik Schlenker <git@vhschlenker.de>
Date: Fri, 25 Oct 2019 02:05:20 +0200
Subject: [PATCH] Enabled drag of username, password and totp in browser
 extension (#1044)

* enabled drag of username, password and totp in browser extension

* Start drag only on row label
---
 src/popup/scss/misc.scss            | 4 ++++
 src/popup/vault/view.component.html | 9 ++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss
index d9a11717b1..ee2f66f928 100644
--- a/src/popup/scss/misc.scss
+++ b/src/popup/scss/misc.scss
@@ -218,3 +218,7 @@ app-vault-icon {
 [hidden] {
     display: none !important;
 }
+
+.draggable {
+    cursor: move;
+}
diff --git a/src/popup/vault/view.component.html b/src/popup/vault/view.component.html
index b3dbaee397..e247ac71a3 100644
--- a/src/popup/vault/view.component.html
+++ b/src/popup/vault/view.component.html
@@ -23,7 +23,8 @@
             <div *ngIf="cipher.login">
                 <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.username">
                     <div class="row-main">
-                        <span class="row-label">{{'username' | i18n}}</span>
+                        <span class="row-label draggable" draggable="true"
+                            (dragstart)="setTextDataOnDrag($event, cipher.login.username)">{{'username' | i18n}}</span>
                         {{cipher.login.username}}
                     </div>
                     <div class="action-buttons">
@@ -35,7 +36,8 @@
                 </div>
                 <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.password">
                     <div class="row-main">
-                        <span class="row-label">{{'password' | i18n}}</span>
+                        <span class="row-label draggable" draggable="true"
+                            (dragstart)="setTextDataOnDrag($event, cipher.login.password)">{{'password' | i18n}}</span>
                         <div [hidden]="showPassword" class="monospaced">
                             {{cipher.login.maskedPassword}}</div>
                         <div [hidden]="!showPassword" class="monospaced password-wrapper" appSelectCopy
@@ -64,7 +66,8 @@
                 <div class="box-content-row box-content-row-flex totp" [ngClass]="{'low': totpLow}"
                     *ngIf="cipher.login.totp && totpCode">
                     <div class="row-main">
-                        <span class="row-label">{{'verificationCodeTotp' | i18n}}</span>
+                        <span class="row-label draggable" draggable="true"
+                            (dragstart)="setTextDataOnDrag($event, totpCode)">{{'verificationCodeTotp' | i18n}}</span>
                         <span class="totp-code">{{totpCodeFormatted}}</span>
                     </div>
                     <span class="totp-countdown">