From e5da9a00631cd3366cda99a9eb3d1165b38f9b7e Mon Sep 17 00:00:00 2001
From: unknown <saawalkhn@googlemail.com>
Date: Thu, 2 Jan 2020 20:56:28 +0000
Subject: [PATCH] added classname for each popouts

---
 src/components/app/Popouts/Popouts/AddFriend.vue             | 2 +-
 src/components/app/Popouts/Popouts/AddServer.vue             | 2 +-
 src/components/app/Popouts/Popouts/AdminEditorPopout.vue     | 2 +-
 .../app/Popouts/Popouts/DragDropFileUploadDialog.vue         | 2 +-
 src/components/app/Popouts/Popouts/GDriveLinkMenu.vue        | 2 +-
 src/components/app/Popouts/Popouts/GenericPopout.vue         | 2 +-
 src/components/app/Popouts/Popouts/ServerInvitePopout.vue    | 5 ++++-
 src/components/app/Popouts/Popouts/ServerMemberContext.vue   | 2 +-
 .../Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue    | 2 +-
 .../Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue    | 2 +-
 .../app/Popouts/Popouts/ServerSettingsPanels/General.vue     | 2 +-
 .../app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue  | 2 +-
 .../Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue  | 2 +-
 .../app/Popouts/Popouts/ServerSettingsPanels/ManageRoles.vue | 2 +-
 .../Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue  | 5 ++++-
 .../Popouts/ServerSettingsPanels/ServerVisibility.vue        | 2 +-
 src/components/app/Popouts/Popouts/Settings.vue              | 2 +-
 .../app/Popouts/Popouts/SettingsPanels/MessageDesign.vue     | 2 +-
 .../app/Popouts/Popouts/SettingsPanels/MyProfile.vue         | 2 +-
 .../app/Popouts/Popouts/SettingsPanels/MyThemes.vue          | 2 +-
 .../app/Popouts/Popouts/SettingsPanels/Notifications.vue     | 2 +-
 .../app/Popouts/Popouts/SettingsPanels/appSettings.vue       | 2 +-
 .../app/Popouts/Popouts/SettingsPanels/themesEditor.vue      | 2 +-
 src/components/app/Popouts/Popouts/TakeSurveyPopout.vue      | 2 +-
 src/components/app/Popouts/Popouts/imageLargePreview.vue     | 2 +-
 src/components/app/Popouts/Popouts/messageContextMenu.vue    | 2 +-
 src/components/app/Popouts/Popouts/uploadDialog.vue          | 2 +-
 src/components/app/Popouts/Popouts/userInformationPopout.vue | 2 +-
 28 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/components/app/Popouts/Popouts/AddFriend.vue b/src/components/app/Popouts/Popouts/AddFriend.vue
index f94b838..ae6e01b 100644
--- a/src/components/app/Popouts/Popouts/AddFriend.vue
+++ b/src/components/app/Popouts/Popouts/AddFriend.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dark-background" @mousedown="backgroundClick">
+  <div class="dark-background add-friend-popout" @mousedown="backgroundClick">
     <div class="add-friend">
       <div class="header">
         <div class="icon material-icons">person_add</div>
diff --git a/src/components/app/Popouts/Popouts/AddServer.vue b/src/components/app/Popouts/Popouts/AddServer.vue
index 83bc6f4..6ea29cb 100644
--- a/src/components/app/Popouts/Popouts/AddServer.vue
+++ b/src/components/app/Popouts/Popouts/AddServer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dark-background" @mousedown="backgroundClick">
+  <div class="dark-background add-server-popout" @mousedown="backgroundClick">
     <div class="inner">
       <div class="tabs">
         <div
diff --git a/src/components/app/Popouts/Popouts/AdminEditorPopout.vue b/src/components/app/Popouts/Popouts/AdminEditorPopout.vue
index a0963a3..8e054ff 100644
--- a/src/components/app/Popouts/Popouts/AdminEditorPopout.vue
+++ b/src/components/app/Popouts/Popouts/AdminEditorPopout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dark-background" @mousedown="backgroundClick">
+  <div class="dark-background admin-editor-popout" @mousedown="backgroundClick">
     <div class="inner">
       <div class="details" v-if="details && details.updatedCss">
         <div class="item">Updated</div>
diff --git a/src/components/app/Popouts/Popouts/DragDropFileUploadDialog.vue b/src/components/app/Popouts/Popouts/DragDropFileUploadDialog.vue
index b156f11..20784b9 100644
--- a/src/components/app/Popouts/Popouts/DragDropFileUploadDialog.vue
+++ b/src/components/app/Popouts/Popouts/DragDropFileUploadDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="drop-background">
+  <div class="drop-background file-drag-popout">
     <div class="box">
       <i class="material-icons">insert_drive_file</i>
       <div class="info">
diff --git a/src/components/app/Popouts/Popouts/GDriveLinkMenu.vue b/src/components/app/Popouts/Popouts/GDriveLinkMenu.vue
index 6aa6c59..7af8286 100644
--- a/src/components/app/Popouts/Popouts/GDriveLinkMenu.vue
+++ b/src/components/app/Popouts/Popouts/GDriveLinkMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dark-background" @click="backgroundClick">
+  <div class="dark-background GDrive-popout" @click="backgroundClick">
     <div class="inner">
       <div class="text">
         To upload files, images or set avatars, You must link your Google Drive
diff --git a/src/components/app/Popouts/Popouts/GenericPopout.vue b/src/components/app/Popouts/Popouts/GenericPopout.vue
index b10e695..cb33aa4 100644
--- a/src/components/app/Popouts/Popouts/GenericPopout.vue
+++ b/src/components/app/Popouts/Popouts/GenericPopout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dark-background" @mousedown="backgroundClick">
+  <div class="dark-background generic-popout" @mousedown="backgroundClick">
     <div class="inner">
       <div class="text">{{ message }}</div>
       <div class="button" @click="closeMenu()">Okay</div>
diff --git a/src/components/app/Popouts/Popouts/ServerInvitePopout.vue b/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
index ad2bd90..607f4cc 100644
--- a/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
+++ b/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="dark-background" @mousedown="backgroundClick">
+  <div
+    class="dark-background server-invite-popout"
+    @mousedown="backgroundClick"
+  >
     <div class="inner">
       <div class="top">
         <div class="button" @click="createInviteButton">
diff --git a/src/components/app/Popouts/Popouts/ServerMemberContext.vue b/src/components/app/Popouts/Popouts/ServerMemberContext.vue
index f9b0746..700bb38 100644
--- a/src/components/app/Popouts/Popouts/ServerMemberContext.vue
+++ b/src/components/app/Popouts/Popouts/ServerMemberContext.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="drop-down-menu"
+    class="drop-down-menu server-member-context-popout"
     v-click-outside="outsideClick"
     @mouseleave="editRoleHovered = false"
   >
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
index 7561abb..bd4ebc6 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content-inner" v-if="server">
+  <div class="content-inner delete-server-popout" v-if="server">
     <div class="warning">
       Are you sure you want to delete <strong>{{ server.name }}</strong
       >? This cannot be <strong>UNDONE!</strong>
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
index bd8a154..63ef935 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="drop-down">
+  <div class="drop-down drop-down-menu">
     <div class="title">{{ name }}</div>
     <div class="current-select-box" ref="dropDown" @click="dropped = !dropped">
       <div class="name" v-if="(noneSelect && selectedItem) || !noneSelect">
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
index bb05461..4353317 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content server-general">
     <errors-list-template :errors="errors" v-if="errors" />
     <div class="content-inner" :key="key">
       <div class="top">
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue
index a3bf27c..7d4d9b1 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content server-bans">
     <div class="content-inner">
       <div class="banned-members-list">
         <spinner v-if="bans === null" />
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
index c90f212..2bce3b0 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content server-manage">
     <errors-list-template :errors="errors" v-if="errors" />
     <div class="content-inner">
       <div class="channels-list">
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageRoles.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageRoles.vue
index da8db9e..e1ffb63 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageRoles.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageRoles.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content server-manage-roles">
     <errors-list-template :errors="errors" v-if="errors" />
     <div class="content-inner">
       <div class="roles-list">
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
index cca374a..47f3f70 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="dark-background" @mousedown="backgroundClick">
+  <div
+    class="dark-background server-settings-popout"
+    @mousedown="backgroundClick"
+  >
     <div class="inner">
       <div class="tabs">
         <div
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerVisibility.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerVisibility.vue
index 29ce87f..0403e92 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerVisibility.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerVisibility.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content-inner" v-if="server && loaded">
+  <div class="content-inner server-visibility" v-if="server && loaded">
     <errors-template class="errors" v-if="errors" :errors="errors" />
     <div class="details">
       Making your server visibility public means that your server will be shown
diff --git a/src/components/app/Popouts/Popouts/Settings.vue b/src/components/app/Popouts/Popouts/Settings.vue
index 98852e3..335b0b2 100644
--- a/src/components/app/Popouts/Popouts/Settings.vue
+++ b/src/components/app/Popouts/Popouts/Settings.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="settings-darken-background">
+  <div class="settings-darken-background settings-popout">
     <div class="settings-box">
       <div class="tabs">
         <div
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/MessageDesign.vue b/src/components/app/Popouts/Popouts/SettingsPanels/MessageDesign.vue
index 7d9a816..1cbb329 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/MessageDesign.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/MessageDesign.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="my-profile-panel">
+  <div class="my-profile-panel message-design">
     <div class="message-example">
       <message-template
         message="Hi"
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue b/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
index 8d87d62..ba7d852 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="my-profile-panel">
+  <div class="my-profile-panel my-profile-popout">
     <div class="tabs">
       <div class="tab" :class="{ selected: tab == 0 }" @click="tab = 0">
         Edit Profile
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/MyThemes.vue b/src/components/app/Popouts/Popouts/SettingsPanels/MyThemes.vue
index e105115..23415ae 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/MyThemes.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/MyThemes.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="container my-themes-popout">
     <make-public
       v-if="showMakePublic"
       @back="closeButton"
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue b/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
index c6a9abe..9de430c 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="my-profile-panel">
+  <div class="my-profile-panel notification-popout">
     <div class="switches">
       <div class="checkbox" @click="toggleNotificationSounds">
         <div
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue b/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
index 7ee9c15..69d72b3 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="my-profile-panel">
+  <div class="my-profile-panel app-settings">
     <div class="switches">
       <div class="checkbox" @click="toggleStart">
         <div class="checkbox-box" :class="{ selected: startApp }" />
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/themesEditor.vue b/src/components/app/Popouts/Popouts/SettingsPanels/themesEditor.vue
index f56375a..a735887 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/themesEditor.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/themesEditor.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="editing">
+  <div class="editing theme-editor">
     <div class="bar">
       <input
         class="theme-name"
diff --git a/src/components/app/Popouts/Popouts/TakeSurveyPopout.vue b/src/components/app/Popouts/Popouts/TakeSurveyPopout.vue
index aa9640d..e6a5b5e 100644
--- a/src/components/app/Popouts/Popouts/TakeSurveyPopout.vue
+++ b/src/components/app/Popouts/Popouts/TakeSurveyPopout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="darken-background">
+  <div class="darken-background take-survey-popout">
     <div class="box">
       <div class="survay-icon">
         <i class="material-icons">error</i>
diff --git a/src/components/app/Popouts/Popouts/imageLargePreview.vue b/src/components/app/Popouts/Popouts/imageLargePreview.vue
index 831f294..a8ca5f6 100644
--- a/src/components/app/Popouts/Popouts/imageLargePreview.vue
+++ b/src/components/app/Popouts/Popouts/imageLargePreview.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="background" class="drop-background">
+  <div ref="background" class="drop-background preview-popout">
     <div class="img-outer">
       <img :src="$store.getters.popouts.ImagePreviewURL" />
     </div>
diff --git a/src/components/app/Popouts/Popouts/messageContextMenu.vue b/src/components/app/Popouts/Popouts/messageContextMenu.vue
index ca26864..f9336e8 100644
--- a/src/components/app/Popouts/Popouts/messageContextMenu.vue
+++ b/src/components/app/Popouts/Popouts/messageContextMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="drop-down-menu" v-click-outside="outsideClick">
+  <div class="drop-down-menu msg-context-popout" v-click-outside="outsideClick">
     <div class="item" @click="copyMessage" v-if="!isPrecense">Copy</div>
     <div class="item" @click="editMessage" v-if="showEditOption && !isPrecense">
       Edit
diff --git a/src/components/app/Popouts/Popouts/uploadDialog.vue b/src/components/app/Popouts/Popouts/uploadDialog.vue
index f37ad06..c47db5e 100644
--- a/src/components/app/Popouts/Popouts/uploadDialog.vue
+++ b/src/components/app/Popouts/Popouts/uploadDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dark-background">
+  <div class="dark-background upload-dialog-popout">
     <div class="inner">
       <div class="info">
         <div v-show="image" ref="preview-image" class="preview-image" />
diff --git a/src/components/app/Popouts/Popouts/userInformationPopout.vue b/src/components/app/Popouts/Popouts/userInformationPopout.vue
index 80dc219..48145b8 100644
--- a/src/components/app/Popouts/Popouts/userInformationPopout.vue
+++ b/src/components/app/Popouts/Popouts/userInformationPopout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="drop-background" @click="backgroundClickEvent">
+  <div class="drop-background user-info-popout" @click="backgroundClickEvent">
     <div class="box">
       <div class="back-button" @click="close">
         <div class="material-icons">keyboard_arrow_left</div>