added classname for each popouts

2026-06-16 13:01:09 +00:00 · 2020-01-02 20:56:28 +00:00 · 2020-01-02 20:56:28 +00:00 · e5da9a0063
commit e5da9a0063
parent 3d3d055c10
28 changed files with 34 additions and 28 deletions
--- 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>
--- 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
--- 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>
--- 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">
--- 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
--- 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>
--- 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">
--- 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"
  >
--- 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>
--- 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">
--- 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">
--- 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" />
--- 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">
--- 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">
--- 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
--- 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
--- 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
--- 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"
--- 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
--- 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"
--- 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
--- 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 }" />
--- 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"
--- 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>
--- 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>
--- 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
--- 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" />
--- 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>