style(EditCalendarModal): align checkbox

Signed-off-by: Grigory V <scratchx@gmx.com>
nextcloud · Jul 16, 2024 · 6f570c1 · 6f570c1
1 parent c02f309
commit 6f570c1
Showing 1 changed file with 22 additions and 18 deletions.
diff --git a/src/components/AppNavigation/EditCalendarModal.vue b/src/components/AppNavigation/EditCalendarModal.vue
@@ -26,14 +26,14 @@
  </div>
  <template v-if="canBeShared">
  <NcListItem :name="$t('calendar', 'Include calendar in free/busy checks')"
-  @click="isTransparent = !isTransparent">
+ @click="isTransparent = !isTransparent">
  <template #icon>
  <CheckboxBlank v-if="isTransparent"
-  :size="20"
-  :fill-color="calendar.color" />
+ :size="20"
+ :fill-color="calendar.color" />
  <CheckboxMarked v-else
-  :size="20"
-  :fill-color="calendar.color" />
+ :size="20"
+ :fill-color="calendar.color" />
  </template>
  </NcListItem>
  </template>
@@ -213,18 +213,18 @@ export default {
  * Save the calendar transparency.
  */
  async saveTransparency() {
-  try {
-  await this.calendarsStore.changeCalendarTransparency({
-  calendar: this.calendar,
-  transparency: this.isTransparent ? 'transparent' : 'opaque',
-  })
-  } catch (error) {
-  logger.error('Failed to save calendar transparency', {
-  calendar: this.calendar,
-  transparency: this.isTransparent ? 'transparent' : 'opaque',
-  })
-  throw error
-  }
+ try {
+ await this.calendarsStore.changeCalendarTransparency({
+ calendar: this.calendar,
+ transparency: this.isTransparent ? 'transparent' : 'opaque',
+ })
+ } catch (error) {
+ logger.error('Failed to save calendar transparency', {
+ calendar: this.calendar,
+ transparency: this.isTransparent ? 'transparent' : 'opaque',
+ })
+ throw error
+ }
  },
 
  /**
@@ -279,7 +279,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .edit-calendar-modal {
  padding: 20px;
  display: flex;
@@ -323,5 +323,9 @@ export default {
  flex-direction: column;
  gap: 5px;
  }
+
+ .list-item {
+ margin-left: -4px;
+ }
 }
 </style>