Decrease history button size in small windows

sahildhar · Sep 21, 2023 · 2d62f96 · 2d62f96
1 parent 0f5dec9
commit 2d62f96
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 17 deletions.
diff --git a/frontend/components/Template/Editor.vue b/frontend/components/Template/Editor.vue
@@ -39,7 +39,7 @@
 
       <s-btn v-if="history" @click="historyVisible = !historyVisible" color="secondary">
         <v-icon left>mdi-history</v-icon>
-        Version History
+        <span class="d-none d-lg-inline">Version History</span>
       </s-btn>
 
       <template #context-menu v-if="$slots['toolbar-context-menu']">

diff --git a/frontend/pages/projects/_projectId/index.vue b/frontend/pages/projects/_projectId/index.vue
@@ -6,7 +6,7 @@
         <template #default>
           <s-btn @click="historyVisible = !historyVisible" color="secondary">
             <v-icon left>mdi-history</v-icon>
-            Version History
+            <span class="d-none d-lg-inline">Version History</span>
           </s-btn>
           <btn-readonly :value="project.readonly" :set-readonly="setReadonly" />
           <s-btn

diff --git a/frontend/pages/projects/_projectId/notes/_noteId/history/_historyDate.vue b/frontend/pages/projects/_projectId/notes/_noteId/history/_historyDate.vue
@@ -34,7 +34,7 @@
             :disabled="readonly"
           />
 
-          <div class="assignee-container ml-1 mr-1">
+          <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
             <user-selection 
               v-model="note.assignee" 
               :selectable-users="project.members" 
@@ -48,15 +48,15 @@
             v-if="currentUrl" 
             :to="currentUrl" nuxt exact 
             color="secondary" 
-            class="ml-1 mr-1"
+            class="ml-1 mr-1 d-none d-lg-inline-flex"
           >
             <v-icon left>mdi-undo</v-icon>
             Back to current version
           </s-btn>
 
           <s-btn @click="historyVisible = !historyVisible" color="secondary">
             <v-icon left>mdi-history</v-icon>
-            Version History
+            <span class="d-none d-lg-inline">Version History</span>
           </s-btn>
         </template>
       </edit-toolbar>

diff --git a/frontend/pages/projects/_projectId/notes/_noteId/index.vue b/frontend/pages/projects/_projectId/notes/_noteId/index.vue
@@ -36,7 +36,7 @@
             :disabled="readonly"
           />
 
-          <div class="assignee-container ml-1 mr-1">
+          <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
             <user-selection 
               v-model="note.assignee" 
               :selectable-users="project.members" 
@@ -48,7 +48,7 @@
 
           <s-btn @click="historyVisible = !historyVisible" color="secondary">
             <v-icon left>mdi-history</v-icon>
-            Version History
+            <span class="d-none d-lg-inline">Version History</span>
           </s-btn>
         </template>
 

diff --git a/frontend/pages/projects/_projectId/reporting/findings/_findingId/history/_historyDate.vue b/frontend/pages/projects/_projectId/reporting/findings/_findingId/history/_historyDate.vue
@@ -3,7 +3,7 @@
     <div v-if="finding && project && projectType" :key="project?.id + finding?.id">
       <edit-toolbar v-bind="toolbarAttrs" v-on="toolbarEvents">
         <status-selection v-model="finding.status" :disabled="readonly" />
-        <div class="assignee-container ml-1 mr-1">
+        <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <user-selection 
             v-model="finding.assignee" 
             :selectable-users="project.members" 
@@ -16,15 +16,15 @@
         <s-btn 
           v-if="currentUrl"
           :to="currentUrl" nuxt exact 
-          color="secondary" class="ml-1 mr-1"
+          color="secondary" class="ml-1 mr-1 d-none d-lg-inline-flex"
         >
           <v-icon left>mdi-undo</v-icon>
           Back to current version
         </s-btn>
 
         <s-btn @click="historyVisible = !historyVisible" color="secondary">
           <v-icon left>mdi-history</v-icon>
-          Version History
+          <span class="d-none d-lg-inline">Version History</span>
         </s-btn>
       </edit-toolbar>
 

diff --git a/frontend/pages/projects/_projectId/reporting/findings/_findingId/index.vue b/frontend/pages/projects/_projectId/reporting/findings/_findingId/index.vue
@@ -21,7 +21,7 @@
         </s-tooltip>
 
         <status-selection v-model="finding.status" :disabled="readonly" />
-        <div class="assignee-container ml-1 mr-1">
+        <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <user-selection 
             v-model="finding.assignee" 
             :selectable-users="project.members" 
@@ -33,7 +33,7 @@
 
         <s-btn @click="historyVisible = !historyVisible" color="secondary">
           <v-icon left>mdi-history</v-icon>
-          Version History
+          <span class="d-none d-lg-inline">Version History</span>
         </s-btn>
       </edit-toolbar>
 

diff --git a/frontend/pages/projects/_projectId/reporting/sections/_sectionId/history/_historyDate.vue b/frontend/pages/projects/_projectId/reporting/sections/_sectionId/history/_historyDate.vue
@@ -3,7 +3,7 @@
     <div v-if="section && project && projectType" :key="project.id + section.id">
       <edit-toolbar v-bind="toolbarAttrs" v-on="toolbarEvents" :can-auto-save="true">
         <status-selection v-model="section.status" :disabled="readonly" />
-        <div class="assignee-container ml-1 mr-1">
+        <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <user-selection 
             v-model="section.assignee" 
             :selectable-users="project.members" 
@@ -16,15 +16,15 @@
         <s-btn 
           v-if="currentUrl"
           :to="currentUrl" nuxt exact 
-          color="secondary" class="ml-1 mr-1"
+          color="secondary" class="ml-1 mr-1 d-none d-lg-inline-flex"
         >
           <v-icon left>mdi-undo</v-icon>
           Back to current version
         </s-btn>
 
         <s-btn @click="historyVisible = !historyVisible" color="secondary">
           <v-icon left>mdi-history</v-icon>
-          Version History
+          <span class="d-none d-lg-inline">Version History</span>
         </s-btn>
       </edit-toolbar>
 

diff --git a/frontend/pages/projects/_projectId/reporting/sections/_sectionId/index.vue b/frontend/pages/projects/_projectId/reporting/sections/_sectionId/index.vue
@@ -3,7 +3,7 @@
     <div v-if="section && project && projectType" :key="project.id + section.id">
       <edit-toolbar v-bind="toolbarAttrs" v-on="toolbarEvents" :can-auto-save="true">
         <status-selection v-model="section.status" :disabled="readonly" />
-        <div class="assignee-container ml-1 mr-1">
+        <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <user-selection 
             v-model="section.assignee" 
             :selectable-users="project.members" 
@@ -15,7 +15,7 @@
 
         <s-btn @click="historyVisible = !historyVisible" color="secondary">
           <v-icon left>mdi-history</v-icon>
-          Version History
+          <span class="d-none d-lg-inline">Version History</span>
         </s-btn>
       </edit-toolbar>