refactor: remove absolute classes

packages/hoppscotch-app/assets/scss/styles.scss

@@ -450,6 +450,15 @@ pre.ace_editor {
   }
 }
 
+.shortcut-key {
+  @apply bg-dividerLight;
+  @apply rounded;
+  @apply ml-2;
+  @apply py-1;
+  @apply px-2;
+  @apply inline-flex;
+}
+
 @media (max-width: 767px) {
   main {
     margin-bottom: env(safe-area-inset-bottom);

packages/hoppscotch-app/components/app/PowerSearchEntry.vue

@@ -64,13 +64,4 @@ defineProps<{
     }
   }
 }
-
-.shortcut-key {
-  @apply bg-dividerLight;
-  @apply rounded;
-  @apply ml-2;
-  @apply py-1;
-  @apply px-2;
-  @apply inline-flex;
-}
 </style>

packages/hoppscotch-app/components/app/Shortcuts.vue

@@ -102,14 +102,3 @@ const close = () => {
   emit("close")
 }
 </script>
-
-<style lang="scss" scoped>
-.shortcut-key {
-  @apply bg-dividerLight;
-  @apply rounded;
-  @apply ml-2;
-  @apply py-1;
-  @apply px-2;
-  @apply inline-flex;
-}
-</style>

packages/hoppscotch-app/components/app/ShortcutsEntry.vue

@@ -22,14 +22,3 @@ defineProps<{
   shortcut: Object
 }>()
 </script>
-
-<style lang="scss" scoped>
-.shortcut-key {
-  @apply bg-dividerLight;
-  @apply rounded;
-  @apply ml-2;
-  @apply py-1;
-  @apply px-2;
-  @apply inline-flex;
-}
-</style>

packages/hoppscotch-app/components/collections/graphql/Collection.vue

@@ -77,7 +77,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="`${$t('action.delete')}`"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/graphql/Folder.vue

@@ -73,7 +73,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="`${$t('action.delete')}`"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/graphql/Request.vue

@@ -79,7 +79,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="`${$t('action.delete')}`"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/my/Collection.vue

@@ -96,7 +96,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/my/Folder.vue

@@ -78,7 +78,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/my/Request.vue

@@ -36,7 +36,9 @@
             active.folderPath === folderPath &&
             active.requestIndex === requestIndex
           "
+          v-tippy="{ theme: 'tooltip' }"
           class="rounded-full bg-green-500 flex-shrink-0 h-1.5 mx-3 w-1.5"
+          :title="`${$t('collection.request_in_use')}`"
         ></span>
       </span>
       <div class="flex">
@@ -95,7 +97,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 confirmRemove = true

packages/hoppscotch-app/components/collections/teams/Collection.vue

@@ -94,7 +94,6 @@
             <SmartItem
               v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/teams/Folder.vue

@@ -77,7 +77,6 @@
             <SmartItem
               v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/teams/Request.vue

@@ -30,7 +30,9 @@
             active.originLocation === 'team-collection' &&
             active.requestID === requestIndex
           "
+          v-tippy="{ theme: 'tooltip' }"
           class="rounded-full bg-green-500 flex-shrink-0 h-1.5 mx-3 w-1.5"
+          :title="`${$t('collection.request_in_use')}`"
         ></span>
       </span>
       <div class="flex">
@@ -74,7 +76,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 confirmRemove = true

packages/hoppscotch-app/components/environments/Environment.vue

@@ -49,7 +49,6 @@
         <SmartItem
           v-if="!(environmentIndex === 'Global')"
           svg="trash-2"
-          color="red"
           :label="`${$t('action.delete')}`"
           @click.native="
             () => {

packages/hoppscotch-app/components/graphql/Response.vue

@@ -137,14 +137,3 @@ const downloadResponse = () => {
   }, 1000)
 }
 </script>
-
-<style lang="scss" scoped>
-.shortcut-key {
-  @apply bg-dividerLight;
-  @apply rounded;
-  @apply ml-2;
-  @apply py-1;
-  @apply px-2;
-  @apply inline-flex;
-}
-</style>

packages/hoppscotch-app/components/http/ResponseMeta.vue

@@ -144,14 +144,3 @@ const statusCategory = computed(() => {
   return findStatusGroup(props.response.statusCode)
 })
 </script>
-
-<style lang="scss" scoped>
-.shortcut-key {
-  @apply bg-dividerLight;
-  @apply rounded;
-  @apply ml-2;
-  @apply py-1;
-  @apply px-2;
-  @apply inline-flex;
-}
-</style>

packages/hoppscotch-app/components/teams/Team.vue

@@ -89,7 +89,6 @@
           <SmartItem
             v-if="team.myRole === 'OWNER'"
             svg="trash-2"
-            color="red"
             :label="t('action.delete')"
             @click.native="
               () => {

packages/hoppscotch-app/locales/af.json

@@ -103,6 +103,7 @@
     "name": "My nuwe versameling",
     "new": "Nuwe versameling",
     "renamed": "Versameling hernoem",
+    "request_in_use": "Request in use",
     "save_as": "Stoor as",
     "select": "Kies 'n versameling",
     "select_location": "Kies ligging",

packages/hoppscotch-app/locales/ar.json

@@ -103,6 +103,7 @@
     "name": "مجموعتي الجديدة",
     "new": "مجموعة جديدة",
     "renamed": "تمت إعادة تسمية المجموعة",
+    "request_in_use": "Request in use",
     "save_as": "حفظ باسم",
     "select": "حدد مجموعة",
     "select_location": "اختر موقعا",

packages/hoppscotch-app/locales/ca.json

@@ -103,6 +103,7 @@
     "name": "La meva nova col·lecció",
     "new": "Nova col · lecció",
     "renamed": "S'ha canviat el nom de la col·lecció",
+    "request_in_use": "Request in use",
     "save_as": "Guardar com",
     "select": "Seleccioneu una col·lecció",
     "select_location": "Seleccioneu la ubicació",

packages/hoppscotch-app/locales/cn.json

@@ -103,6 +103,7 @@
     "name": "我的新组合",
     "new": "新建组合",
     "renamed": "组合已更名",
+    "request_in_use": "Request in use",
     "save_as": "另存为",
     "select": "选择一个组合",
     "select_location": "选择位置",

packages/hoppscotch-app/locales/cs.json

@@ -103,6 +103,7 @@
     "name": "Moje nová kolekce",
     "new": "Nová kolekce",
     "renamed": "Sbírka přejmenována",
+    "request_in_use": "Request in use",
     "save_as": "Uložit jako",
     "select": "Vyberte sbírku",
     "select_location": "Vyberte umístění",

packages/hoppscotch-app/locales/da.json

@@ -103,6 +103,7 @@
     "name": "Min nye samling",
     "new": "Ny kollektion",
     "renamed": "Samling omdøbt",
+    "request_in_use": "Request in use",
     "save_as": "Gem som",
     "select": "Vælg en samling",
     "select_location": "Vælg placering",

packages/hoppscotch-app/locales/de.json

@@ -103,6 +103,7 @@
     "name": "Meine neue Kollektion",
     "new": "Neue Kollektion",
     "renamed": "Sammlung umbenannt",
+    "request_in_use": "Request in use",
     "save_as": "Speichern als",
     "select": "Wählen Sie eine Sammlung",
     "select_location": "Ort auswählen",

packages/hoppscotch-app/locales/el.json

@@ -103,6 +103,7 @@
     "name": "Η νέα μου συλλογή",
     "new": "Νέα συλλογή",
     "renamed": "Η συλλογή μετονομάστηκε",
+    "request_in_use": "Request in use",
     "save_as": "Αποθήκευση ως",
     "select": "Επιλέξτε μια Συλλογή",
     "select_location": "Επιλέξτε τοποθεσία",

packages/hoppscotch-app/locales/en.json

@@ -103,6 +103,7 @@
     "name": "My New Collection",
     "new": "New Collection",
     "renamed": "Collection renamed",
+    "request_in_use": "Request in use",
     "save_as": "Save as",
     "select": "Select a Collection",
     "select_location": "Select location",

packages/hoppscotch-app/locales/es.json

@@ -103,6 +103,7 @@
     "name": "Mi nueva colección",
     "new": "Nueva colección",
     "renamed": "Colección renombrada",
+    "request_in_use": "Request in use",
     "save_as": "Guardar como",
     "select": "Seleccione una colección",
     "select_location": "Seleccionar ubicación",

packages/hoppscotch-app/locales/fi.json

@@ -103,6 +103,7 @@
     "name": "Uusi kokoelmani",
     "new": "Uusi kokoelma",
     "renamed": "Kokoelma nimetty uudelleen",
+    "request_in_use": "Request in use",
     "save_as": "Tallenna nimellä",
     "select": "Valitse kokoelma",
     "select_location": "Valitse sijainti",

packages/hoppscotch-app/locales/fr.json

@@ -103,6 +103,7 @@
     "name": "Ma nouvelle collection",
     "new": "Nouvelle collection",
     "renamed": "Collection renommée",
+    "request_in_use": "Request in use",
     "save_as": "Enregistrer sous",
     "select": "Sélectionnez une collection",
     "select_location": "Sélectionnez l'emplacement",

packages/hoppscotch-app/locales/he.json

@@ -103,6 +103,7 @@
     "name": "האוסף החדש שלי",
     "new": "קולקציה חדשה",
     "renamed": "שם האוסף שונה",
+    "request_in_use": "Request in use",
     "save_as": "שמור כ",
     "select": "בחר אוסף",
     "select_location": "תבחר מיקום",

packages/hoppscotch-app/locales/hu.json

@@ -103,6 +103,7 @@
     "name": "Új gyűjteményem",
     "new": "Új kollekció",
     "renamed": "A gyűjtemény átnevezett",
+    "request_in_use": "Request in use",
     "save_as": "Mentés másként",
     "select": "Válasszon egy gyűjteményt",
     "select_location": "Válassza ki a helyet",

packages/hoppscotch-app/locales/it.json

@@ -103,6 +103,7 @@
     "name": "La mia nuova raccolta",
     "new": "Nuova raccolta",
     "renamed": "Raccolta rinominata",
+    "request_in_use": "Request in use",
     "save_as": "Salva come",
     "select": "Seleziona una raccolta",
     "select_location": "Seleziona la posizione",

packages/hoppscotch-app/locales/ja.json

@@ -103,6 +103,7 @@
     "name": "私の新しいコレクション",
     "new": "新しいコレクション",
     "renamed": "コレクションの名前が変更されました",
+    "request_in_use": "Request in use",
     "save_as": "名前を付けて保存",
     "select": "コレクションを選択する",
     "select_location": "場所を選択",

packages/hoppscotch-app/locales/ko.json

@@ -103,6 +103,7 @@
     "name": "내 새 모음집",
     "new": "새 모음집",
     "renamed": "모음집 이름이 변경됨",
+    "request_in_use": "Request in use",
     "save_as": "다른 이름으로 저장",
     "select": "모음집 선택",
     "select_location": "위치 선택",

packages/hoppscotch-app/locales/nl.json

@@ -103,6 +103,7 @@
     "name": "Mijn nieuwe collectie",
     "new": "Nieuwe collectie",
     "renamed": "Collectie hernoemd",
+    "request_in_use": "Request in use",
     "save_as": "Opslaan als",
     "select": "Selecteer een collectie",
     "select_location": "Selecteer een locatie",

packages/hoppscotch-app/locales/no.json

@@ -103,6 +103,7 @@
     "name": "Min nye samling",
     "new": "Ny kolleksjon",
     "renamed": "Samlingen ble omdøpt",
+    "request_in_use": "Request in use",
     "save_as": "Lagre som",
     "select": "Velg en samling",
     "select_location": "Velg plassering",

packages/hoppscotch-app/locales/pl.json

@@ -103,6 +103,7 @@
     "name": "Moja nowa kolekcja",
     "new": "Nowa kolekcja",
     "renamed": "Zmieniono nazwę kolekcji",
+    "request_in_use": "Request in use",
     "save_as": "Zapisz jako",
     "select": "Wybierz kolekcję",
     "select_location": "Wybierz lokalizację",

packages/hoppscotch-app/locales/pt-br.json

@@ -103,6 +103,7 @@
     "name": "Minha nova coleção",
     "new": "Nova coleção",
     "renamed": "Coleção renomeada",
+    "request_in_use": "Request in use",
     "save_as": "Salvar como",
     "select": "Selecione uma coleção",
     "select_location": "Selecione a localização",

packages/hoppscotch-app/locales/pt.json

@@ -103,6 +103,7 @@
     "name": "Minha nova coleção",
     "new": "Nova coleção",
     "renamed": "Coleção renomeada",
+    "request_in_use": "Request in use",
     "save_as": "Salvar como",
     "select": "Selecione uma coleção",
     "select_location": "Selecione a localização",

packages/hoppscotch-app/locales/ro.json

@@ -103,6 +103,7 @@
     "name": "Noua mea colecție",
     "new": "Colecție nouă",
     "renamed": "Colecția redenumită",
+    "request_in_use": "Request in use",
     "save_as": "Salvează ca",
     "select": "Selectați o colecție",
     "select_location": "Selectați locația",

packages/hoppscotch-app/locales/ru.json

@@ -103,6 +103,7 @@
     "name": "Моя новая коллекция",
     "new": "Новая коллекция",
     "renamed": "Коллекция переименована",
+    "request_in_use": "Request in use",
     "save_as": "Сохранить как",
     "select": "Выбрать коллекцию",
     "select_location": "Выберите место",

packages/hoppscotch-app/locales/sr.json

@@ -103,6 +103,7 @@
     "name": "Моја нова колекција",
     "new": "Нова колекција",
     "renamed": "Збирка је преименована",
+    "request_in_use": "Request in use",
     "save_as": "Сачувај као",
     "select": "Изаберите колекцију",
     "select_location": "Изаберите локацију",

packages/hoppscotch-app/locales/sv.json

@@ -103,6 +103,7 @@
     "name": "Min nya samling",
     "new": "Ny kollektion",
     "renamed": "Samling bytt namn",
+    "request_in_use": "Request in use",
     "save_as": "Spara som",
     "select": "Välj en samling",
     "select_location": "Välj plats",

packages/hoppscotch-app/locales/tr.json

@@ -103,6 +103,7 @@
     "name": "Yeni Koleksiyonum",
     "new": "Yeni koleksiyon",
     "renamed": "Koleksiyon yeniden adlandırıldı",
+    "request_in_use": "Request in use",
     "save_as": "Farklı kaydet",
     "select": "Bir Koleksiyon Seçin",
     "select_location": "Konum seçin",

packages/hoppscotch-app/locales/tw.json

@@ -103,6 +103,7 @@
     "name": "我的新組合",
     "new": "建立組合",
     "renamed": "組合已重新命名",
+    "request_in_use": "Request in use",
     "save_as": "另存為",
     "select": "選擇一個組合",
     "select_location": "選擇位置",

packages/hoppscotch-app/locales/uk.json

@@ -103,6 +103,7 @@
     "name": "Моя нова колекція",
     "new": "Нова колекція",
     "renamed": "Колекція перейменована",
+    "request_in_use": "Request in use",
     "save_as": "Зберегти як",
     "select": "Виберіть колекцію",
     "select_location": "Виберіть місце розташування",

packages/hoppscotch-app/locales/vi.json

@@ -103,6 +103,7 @@
     "name": "Bộ sưu tập mới của tôi",
     "new": "Bộ sưu tập mới",
     "renamed": "Bộ sưu tập đã được đổi tên",
+    "request_in_use": "Request in use",
     "save_as": "Lưu thành",
     "select": "Chọn một Bộ sưu tập",
     "select_location": "Chọn địa điểm",