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

Configure SCSS linter rules (#186)

Browse Source
This commit is contained in:
Pranav Raj S
2019-10-27 19:28:02 +05:30
committed by GitHub
parent 170f8716c5
commit 17bb50c977
17 changed files with 93 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/dashboard/assets/scss/widgets/_buttons.scss
View File

@@ -2,6 +2,7 @@
&.icon {
padding-left: $space-normal;
padding-right: $space-normal;
i {
padding-right: $space-one;
}
@@ -27,4 +28,4 @@
font-size: $font-size-mini;
margin-right: $space-smaller;
}
}
}

6
app/javascript/dashboard/assets/scss/widgets/_conv-header.scss
View File

@@ -7,7 +7,7 @@
@include border-normal-bottom;
// Resolve Button
.button {
@include margin(0);
@include margin(0);
@include flex;
}
@@ -40,8 +40,9 @@
.user {
@include flex;
@include flex-align($x: center, $y: middle);
.user--name {
@include margin(0);
@include margin(0);
font-size: $font-size-medium;
margin-left: $space-slab;
}
@@ -57,6 +58,7 @@
.spinner {
padding: 0 $space-one;
margin-right: $space-smaller;
&:before {
border-top-color: $color-white;
}

5
app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss
View File

@@ -14,6 +14,7 @@
@include border-light-bottom;
@include padding($zero $zero $space-slab $zero);
}
.conversation--user {
font-size: $font-size-small;
margin-bottom: $zero;
@@ -41,6 +42,7 @@
width: 27rem;
white-space: nowrap;
}
.conversation--meta {
display: block;
position: absolute;
@@ -65,6 +67,7 @@
@include round-corner;
margin-top: $space-smaller;
}
.timestamp {
font-size: $font-size-mini;
color: $dark-gray;
@@ -79,9 +82,11 @@
.unread {
display: inline-block;
}
.conversation--message {
font-weight: $font-weight-medium;
}
.conversation--user {
font-weight: $font-weight-medium;
}

11
app/javascript/dashboard/assets/scss/widgets/_reply-box.scss
View File

@@ -4,7 +4,7 @@
border-bottom: 0;
@include elegant-card;
transition: height 2s $ease-in-out-cubic;
max-height: $space-jumbo*2;
max-height: $space-jumbo * 2;
.reply-box__top {
@include flex;
@@ -27,12 +27,14 @@
border-bottom: $space-small solid $color-white;
max-height: 14rem;
overflow: scroll;
.active {
a {
background: $color-woot;
}
}
}
&.is-active {
border-bottom-left-radius: $space-small;
border-bottom-right-radius: $space-small;
@@ -56,6 +58,7 @@
color: $color-woot;
}
}
> textarea {
@include ghost-input();
@include margin(0);
@@ -91,9 +94,11 @@
&:first-child {
border-bottom-left-radius: $space-small;
&.is-active {
@include border-light-right;
border-left: 0;
a {
border-bottom-left-radius: $space-small;
}
@@ -103,6 +108,7 @@
&.is-private {
&.is-active {
background: lighten($warning-color, 38%);
a {
border-bottom-color: darken($warning-color, 15%);
color: darken($warning-color, 15%);
@@ -110,6 +116,7 @@
}
}
}
.is-active {
@include background-white;
margin-top: -1px;
@@ -119,10 +126,12 @@
.message-length {
float: right;
a {
font-size: $font-size-mini;
}
}
.message-error {
color: $input-error-color;
}

7
app/javascript/dashboard/assets/scss/widgets/_report.scss
View File

@@ -4,6 +4,7 @@
@include background-light;
cursor: pointer;
@include custom-border-top(3px, transparent);
&.active {
@include custom-border-top(3px, $color-woot);
@include background-white;
@@ -12,16 +13,19 @@
color: $color-woot;
}
}
.heading {
@include margin($zero);
font-size: $font-size-small;
font-weight: $font-weight-bold;
color: $color-heading;
}
.metric {
font-size: $font-size-bigger;
font-weight: $font-weight-feather;
}
.desc {
@include margin($zero);
font-size: $font-size-small;
@@ -35,13 +39,16 @@
@include background-white;
@include border-light;
@include padding($space-small $space-medium);
.chart-container {
@include flex;
flex-direction: column;
@include flex-align(center, middle);
div {
width: 100%;
}
.empty-state {
@include margin($space-jumbo);
font-size: $font-size-default;

2
app/javascript/dashboard/assets/scss/widgets/_search-box.scss
View File

@@ -4,10 +4,12 @@
@include padding($space-one $space-normal);
@include flex-shrink;
transition: all .3s $ease-in-out-quad;
> .icon {
font-size: $font-size-medium;
color: $medium-gray;
}
> input {
@include ghost-input();
@include margin(0);

4
app/javascript/dashboard/assets/scss/widgets/_snackbar.scss
View File

@@ -35,11 +35,11 @@
padding-left: 3rem;
button {
border: none;
background: none;
border: 0;
color: $woot-snackbar-button;
font-size: $font-size-small;
text-transform: uppercase;
color: $woot-snackbar-button;
@include margin(0);
@include padding(0);
}

5
app/javascript/dashboard/assets/scss/widgets/_states.scss
View File

@@ -1,11 +1,13 @@
.loading-state {
padding: $space-jumbo $space-smaller;
.message {
display: block;
width: 100%;
text-align: center;
color: $color-gray;
}
.spinner {
float: none;
top: -$space-smaller;
@@ -15,6 +17,7 @@
// EMPTY STATES
.empty-state {
padding: $space-jumbo $space-smaller;
.title,
.message {
display: block;
@@ -36,4 +39,4 @@
.button {
margin-top: $space-medium;
}
}
}

8
app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss
View File

@@ -1,12 +1,14 @@
table {
font-size: $font-size-small;
border-spacing: 0;
thead {
th {
font-weight: $font-weight-bold;
text-transform: uppercase;
}
}
tbody {
td {
@include padding($space-one $space-small);
@@ -16,34 +18,38 @@ table {
}
.woot-table {
tr {
.show-if-hover {
opacity: 0;
transition: all .2s $ease-in-out-cubic;
}
&:hover {
.show-if-hover {
opacity: 1;
}
}
}
.agent-name {
font-weight: $font-weight-medium;
display: block;
text-transform: capitalize;
}
.woot-thumbnail {
border-radius: 50%;
width: 5rem;
height: 5rem;
}
.button-wrapper {
min-width: 20rem;
@include flex;
@include flex-align(left, null);
flex-direction: row;
}
.button {
@include margin($zero);
}