chore: remove the cursor and opacity for avatar and background select…

…ion (#1893)
ArkEcosystem · Apr 9, 2020 · 5069a12 · 5069a12
1 parent ab96104
commit 5069a12
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/src/renderer/pages/Profile/ProfileEdition.vue b/src/renderer/pages/Profile/ProfileEdition.vue
@@ -897,8 +897,18 @@ export default {
 .ProfileEdition__name .ListDividedItem__value .InputText .InputField__wrapper {
   height: 0;
 }
+
 .ProfileEdition__avatar .InputGrid__container {
   grid-template-columns: repeat(4, 4rem) !important;
   grid-gap: 1rem !important;
 }
+.ProfileEdition__avatar .SelectionAvatar .InputGrid__container button:first-child,
+.ProfileEdition__avatar .SelectionAvatar .InputGrid__container button:first-child .InputGridItem {
+  @apply .cursor-default .opacity-100;
+}
+
+.ProfileEdition__background .SelectionBackgroundGrid .InputGrid__container button:first-child,
+.ProfileEdition__background .SelectionBackgroundGrid .InputGrid__container button:first-child .InputGridItem {
+  @apply .cursor-default .opacity-100;
+}
 </style>
diff --git a/src/renderer/pages/Profile/ProfileNew.vue b/src/renderer/pages/Profile/ProfileNew.vue
@@ -79,7 +79,7 @@
                 />
               </div>
 
-              <div class="flex items-center justify-between mt-5 pt-5 mb-2 border-t border-theme-line-separator border-dashed">
+              <div class="ProfileNew__avatar flex items-center justify-between mt-5 pt-5 mb-2 border-t border-theme-line-separator border-dashed">
                 <div class="mr-2">
                   <h5 class="mb-2">
                     {{ $t('COMMON.AVATAR') }}
@@ -169,7 +169,7 @@
                 />
               </div>
 
-              <div class="flex items-center justify-between">
+              <div class="ProfileNew__background flex items-center justify-between">
                 <div>
                   <h5 class="mb-2">
                     {{ $t('COMMON.BACKGROUND') }}
@@ -447,3 +447,15 @@ export default {
   }
 }
 </script>
+
+<style lang="postcss">
+.ProfileNew__avatar .SelectionAvatar .InputGrid__container button:first-child,
+.ProfileNew__avatar .SelectionAvatar .InputGrid__container button:first-child .InputGridItem {
+  @apply .cursor-default .opacity-100;
+}
+
+.ProfileNew__background .SelectionBackgroundGrid .InputGrid__container button:first-child,
+.ProfileNew__background .SelectionBackgroundGrid .InputGrid__container button:first-child .InputGridItem {
+  @apply .cursor-default .opacity-100;
+}
+</style>