dave/ocrcc-chatbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

finish transitions on dark theme

Browse Source
This commit is contained in:
Sharon Kennedy
2020-02-25 19:50:43 -05:00
parent f5862e8f0a
commit 5e4f96efba
4 changed files with 45 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/_chat.scss
View File

@@ -75,6 +75,7 @@
&:hover {
#open-chatbox-label, .label-icon {
border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
}
@@ -83,6 +84,7 @@
#open-chatbox-label, .label-icon {
border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
background-color: transparentize($theme-color, 0.15);
}
}
@@ -138,12 +140,12 @@
transition: all 0.2s ease-in-out;
&:hover {
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
&:focus {
outline: none;
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
background-color: $theme-light-color;
}
}
@@ -163,12 +165,12 @@
transition: all 0.2s ease-in-out;
&:hover {
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
&:focus {
outline: none;
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
background-color: $theme-light-color;
}
}
@@ -188,7 +190,7 @@
transition: all 0.2s ease-in-out;
&:hover {
border-color: $theme-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
&:focus {
@@ -330,9 +332,13 @@
transition: all 0.2s ease-in-out;
border-radius: 10px;
&:hover {
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
&:focus {
outline: none;
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
background: $theme-light-color;
}
}
@@ -354,11 +360,13 @@
&:hover {
border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
&:focus {
outline: none;
border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
background-color: transparentize($theme-color, 0.15);
}
}