mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-09-06 11:19:57 +00:00
Code Issues Releases Wiki Activity

Webide CSS redesign first modification

Browse Source
This commit is contained in:
Gabor PEK
2018-03-07 17:21:54 +01:00
parent b219c29883
commit 1b9da0b03c
8 changed files with 379 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/messages/messages.component.html
View File

@@ -3,7 +3,7 @@
<div class="tao-grid-message" *ngFor="let message of messages.slice().reverse()">
<div class="tao-grid-message-header">
<img class="tao-grid-center-left" src="images/avataobot.svg"/>
<div class="tao-grid-center-left">{{message.originator}}</div>
<div class="tao-grid-center-left originator">{{message.originator}}</div>
<div class="timestamp tao-grid-center-right">{{message.timestamp | date:'yyyy-MM-dd HH:mm:ss'}}</div>
</div>
<div [innerHtml]="message.message"></div>

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

@@ -151,7 +151,6 @@ $font-size-base: 14px;
.tao-messages-main {
display: block;
overflow: auto;
h5 {
margin-bottom: $small;
@@ -182,6 +181,10 @@ $font-size-base: 14px;
width: 12px;
}
.originator {
font-weight: 500;
}
.timestamp {
font-size: $font-size-tiny;
opacity: 0.37;