LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore: Woot tabs for RTL(#6518)

Browse Source
This commit is contained in:
Sivin Varghese
2023-02-23 18:18:28 +05:30
committed by GitHub
parent 409466bbd5
commit 6407745571
2 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/javascript/dashboard/assets/scss/widgets/_tabs.scss
View File

@@ -12,7 +12,7 @@
border-top-width: 0;
display: flex;
min-width: var(--space-mega);
padding: $zero $space-normal;
padding: 0 var(--space-normal);
}
.tabs--with-scroll {
@@ -37,26 +37,26 @@
.tabs-title {
a {
font-size: $font-size-default;
font-weight: $font-weight-medium;
padding-bottom: $space-slab;
padding-top: $space-slab;
font-size: var(--font-size-default);
font-weight: var(--font-weight-medium);
padding-bottom: var(--space-slab);
padding-top: var(--space-slab);
}
}
}
.tabs-title {
flex-shrink: 0;
margin: $zero $space-slab;
margin: 0 var(--space-slab);
.badge {
background: $color-background;
border-radius: $space-small;
color: $color-gray;
font-size: $font-size-micro;
font-weight: $font-weight-black;
margin-left: $space-smaller;
padding: $space-smaller;
background: var(--color-background);
border-radius: var(--space-small);
color: var(--color-gray);
font-size: var(--font-size-micro);
font-weight: var(--font-weight-black);
margin: 0 var(--space-smaller);
padding: var(--space-smaller);
}
&:first-child {
@@ -80,7 +80,7 @@
color: $medium-gray;
display: flex;
flex-direction: row;
font-size: $font-size-small;
font-size: var(--font-size-small);
position: relative;
top: 1px;
transition: border-color 0.15s $swift-ease-out-function;
@@ -88,13 +88,13 @@
&.is-active {
a {
border-bottom-color: $color-woot;
color: $color-woot;
border-bottom-color: var(--color-woot);
color: var(--color-woot);
}
.badge {
background: $color-extra-light-blue;
color: $color-woot;
color: var(--color-woot);
}
}
}

7
app/javascript/dashboard/routes/dashboard/settings/inbox/Settings.vue
View File

@@ -5,6 +5,7 @@
:header-title="inboxName"
>
<woot-tabs
class="settings--tabs"
:index="selectedTabIndex"
:border="false"
@change="onTabChange"
@@ -669,6 +670,12 @@ export default {
.settings {
background: $color-white;
.settings--tabs {
::v-deep .tabs {
padding: 0;
}
}
.settings--content {
div:last-child {
border-bottom: 0;