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

[Enhancement] Select widget_color while creating inbox (#362)

Browse Source 
* [Enhancement] Select widget_color while creating inbox

* Fix codeclimate issues

* Fix !important
This commit is contained in:
Pranav Raj S
2019-12-14 18:14:35 +05:30
committed by Sojan Jose
parent 19852b60cd
commit 7b63cbe1f7
22 changed files with 253 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/javascript/dashboard/assets/scss/widgets/_colorpicker.scss Normal file
View File

@@ -0,0 +1,13 @@
@import '~dashboard/assets/scss/variables';
.widget-color--selector.vc-compact {
border: 1px solid $color-border;
box-shadow: none;
margin-bottom: $space-normal;
width: 356px;
.vc-compact-color-item {
height: 24px;
width: 24px;
}
}

54
app/javascript/dashboard/assets/scss/widgets/_modal.scss
View File

@@ -1,35 +1,43 @@
.modal-mask {
position: fixed;
z-index: 9990;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
@include flex;
@include flex-align(center, middle);
@include flex;
@include flex-align(center, middle);
background-color: $color-white;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9990;
}
.modal--close {
border-radius: 50%;
color: $color-heading;
cursor: pointer;
font-size: $font-size-big;
line-height: $space-normal;
padding: $space-normal $space-two;
position: absolute;
right: $space-large;
top: $space-large;
&:hover {
background: $color-background;
}
}
.modal-container {
width: 60rem;
background-color: $color-white;
border-radius: $space-small;
max-height: 100%;
overflow: scroll;
position: relative;
background-color: $color-white;
border-radius: $space-small;
.modal--close {
font-size: $font-size-large;
position: absolute;
right: $space-normal;
top: $space-small;
cursor: pointer;
color: $color-heading;
}
width: 60rem;
.page-top-bar {
@include padding($space-large $space-larger 0);
@include padding($zero $space-two);
img {
max-height: 6rem;
}
@@ -56,7 +64,7 @@
form {
align-self: center;
@include padding($space-medium $space-larger $space-small);
@include padding($space-two);
a {
@include padding($space-normal);
}

2
app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss
View File

@@ -18,7 +18,7 @@
.logo {
img {
@include padding($woot-logo-padding);
max-height: 100px;
max-height: 108px;
}
}