haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1032 from kkrisstoff/Feedback-dialog-theme 

feedback style variables
This commit is contained in:
yanas 2016-10-18 11:20:44 -05:00 committed by GitHub
parent bb5495b495 124303b8b8
commit de67abd21d
2 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/_variables.scss
View File

@ -47,9 +47,17 @@ $raiseHandBg: #D6D61E;
$audioLevelBg: #44A5FF; $audioLevelBg: #44A5FF;
$audioLevelShadow: rgba(9, 36, 77, 0.9); $audioLevelShadow: rgba(9, 36, 77, 0.9);
/**
* Feedback Modal
*/
$feedbackContentBg: #fff;
$feedbackInputBg: #fff;
$feedbackTextColor: #000;
$feedbackInputTextColor: #333;
$feedbackInputPlaceholderColor: #777;
$rateStarLabelColor: #333;
$rateStarDefault: #ccc; $rateStarDefault: #ccc;
$rateStarActivity: #165ecc; $rateStarActivity: #165ecc;
$rateStarLabelColor: #333;
/** /**
* Misc. * Misc.

27
css/modals/feedback/_feedback.scss
View File

@ -48,18 +48,37 @@
.feedback.aui-dialog2{ .feedback.aui-dialog2{
.aui-dialog2{ .aui-dialog2{
&-header { &-header {
background-color: $auiDialogContentBg; background-color: $feedbackContentBg;
border-bottom-color: transparent; border-bottom-color: transparent;
padding-top: 30px; padding-top: 30px;
h2 { h2 {
color: $feedbackTextColor;
text-align: center; text-align: center;
} }
} }
&-content { &-content {
background-color: $feedbackContentBg;
text-align: center; text-align: center;
padding: 10px 40px 20px 40px; padding: 10px 40px 20px 40px;
.input-control{
&__input {
background-color: $feedbackInputBg;
color: $feedbackInputTextColor;
&::-webkit-input-placeholder {
color: $feedbackInputPlaceholderColor;
}
&::-moz-placeholder { /* Firefox 19+ */
color: $feedbackInputPlaceholderColor;
}
&:-ms-input-placeholder {
color: $feedbackInputPlaceholderColor;
}
}
}
.rating { .rating {
line-height: 1.2; line-height: 1.2;
text-align: center; text-align: center;
@ -68,10 +87,12 @@
.star-label { .star-label {
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
color: $rateStarLabelColor;
} }
.star-btn { .star-btn {
display: inline-block;
color: $rateStarDefault; color: $rateStarDefault;
font-size: 36px; font-size: 34px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
@ -97,7 +118,7 @@
} }
} }
&-footer { &-footer {
background-color: $auiDialogContentBg; background-color: $feedbackContentBg;
border-top-color: transparent; border-top-color: transparent;
} }
} }