mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2024-12-05 02:41:32 +00:00
Code Issues Releases Wiki Activity

Fix active message button style

Browse Source
This commit is contained in:
Gabor PEK 2020-06-17 17:58:31 +02:00
parent fb2735ccc7
commit aacd8aea60
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/messages/messages.component.scss
View File

@ -22,7 +22,7 @@
.tfw-message-btn-divider { .tfw-message-btn-divider {
opacity: 0.25; opacity: 0.25;
border: 1px solid $tao-divider-color; border: 1px solid $tao-gray-color;
} }
.tfw-message-btn { .tfw-message-btn {
color: $tao-btn-font-color; color: $tao-btn-font-color;
@ -114,7 +114,7 @@
.originator { .originator {
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: $font-size-base;
line-height: 26px; line-height: 26px;
display: flex; display: flex;
@ -123,7 +123,8 @@
} }
.timestamp { .timestamp {
font-size: $font-size-tiny; font-size: $font-size-base;
color: $tao-gray-color;
opacity: 0.37; opacity: 0.37;
} }
} }

2
src/assets/scss/_variables.scss
View File

@ -98,7 +98,7 @@ $tao-card-color: #363E56;
$tao-message-originator-color: #6697FF; $tao-message-originator-color: #6697FF;
$tao-copy-color: #FFFFFF; $tao-copy-color: #FFFFFF;
$tao-timestamp-color: #94A6B9; $tao-timestamp-color: #94A6B9;
$tao-divider-color: #94A6B9; // @25% opacity $tao-gray-color: #94A6B9; // @25% opacity
$tao-yellow-color: #FFD68F; $tao-yellow-color: #FFD68F;
$tao-blue-color: #6697FF; $tao-blue-color: #6697FF;
$tao-green-color: #48BEB0; $tao-green-color: #48BEB0;

8
src/assets/scss/mixins/_button.scss
View File

@ -13,5 +13,13 @@
height: $space; height: $space;
margin-right: $tiny; margin-right: $tiny;
color: $tao-btn-font-color; color: $tao-btn-font-color;
outline: none;
&:active {
background: $tao-btn-font-color;
border: $tao-btn-font-color;
color: $color;
border-radius: 10px;
}
} }