chore: fixes gutter space between settings page content and sidebar (#2505)

* chore: fixes no gutter space between the settings page content and right content.

* Review fixes
This commit is contained in:
Sivin Varghese 2021-06-25 12:56:10 +05:30 committed by GitHub
parent dbddb1ece4
commit ad431c2008
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 11 additions and 7 deletions

View file

@ -45,3 +45,7 @@ code {
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
} }
// remove when grid gutters are fixed
.columns.with-right-space {
padding-right: var(--space-normal);
}

View file

@ -11,7 +11,7 @@
<!-- List Agents --> <!-- List Agents -->
<div class="row"> <div class="row">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<woot-loading-state <woot-loading-state
v-if="uiFlags.isFetching" v-if="uiFlags.isFetching"
:message="$t('AGENT_MGMT.LOADING')" :message="$t('AGENT_MGMT.LOADING')"

View file

@ -11,7 +11,7 @@
<!-- List Canned Response --> <!-- List Canned Response -->
<div class="row"> <div class="row">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<p <p
v-if="!uiFlags.fetchingList && !records.length" v-if="!uiFlags.fetchingList && !records.length"
class="no-items-error-message" class="no-items-error-message"

View file

@ -2,7 +2,7 @@
<div class="column content-box"> <div class="column content-box">
<!-- List Canned Response --> <!-- List Canned Response -->
<div class="row"> <div class="row">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<p v-if="!inboxesList.length" class="no-items-error-message"> <p v-if="!inboxesList.length" class="no-items-error-message">
{{ $t('INBOX_MGMT.LIST.404') }} {{ $t('INBOX_MGMT.LIST.404') }}
<router-link <router-link

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="row "> <div class="row ">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<table v-if="hasConnectedHooks" class="woot-table"> <table v-if="hasConnectedHooks" class="woot-table">
<thead> <thead>
<th v-for="hookHeader in hookHeaders" :key="hookHeader"> <th v-for="hookHeader in hookHeaders" :key="hookHeader">

View file

@ -10,7 +10,7 @@
</woot-button> </woot-button>
<div class="row"> <div class="row">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<p <p
v-if="!uiFlags.fetchingList && !records.length" v-if="!uiFlags.fetchingList && !records.length"
class="no-items-error-message" class="no-items-error-message"

View file

@ -9,7 +9,7 @@
{{ $t('LABEL_MGMT.HEADER_BTN_TXT') }} {{ $t('LABEL_MGMT.HEADER_BTN_TXT') }}
</woot-button> </woot-button>
<div class="row"> <div class="row">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<p <p
v-if="!uiFlags.isFetching && !records.length" v-if="!uiFlags.isFetching && !records.length"
class="no-items-error-message" class="no-items-error-message"

View file

@ -1,7 +1,7 @@
<template> <template>
<div class="column content-box"> <div class="column content-box">
<div class="row"> <div class="row">
<div class="small-8 columns"> <div class="small-8 columns with-right-space ">
<p v-if="!teamsList.length" class="no-items-error-message"> <p v-if="!teamsList.length" class="no-items-error-message">
{{ $t('TEAMS_SETTINGS.LIST.404') }} {{ $t('TEAMS_SETTINGS.LIST.404') }}
<router-link <router-link