CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-02-13 01:02:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Playing with note styling, add avatars and more metadata

Browse Source
This commit is contained in:
Bryan Housel
2018-07-03 02:41:47 -04:00
parent e0cc6260f5
commit ab8e793a72
2 changed files with 64 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
css/65_data.css
View File

@@ -28,16 +28,45 @@
.comment {
background-color: #fff;
border-radius: 5px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px auto;
display: flex;
flex-flow: row nowrap;
}
.commentText {
margin-bottom: 15px;
.comment-main {
padding: 0 10px;
flex: 1 1 100%;
flex-flow: column nowrap;
overflow: hidden;
overflow-wrap: break-word;
}
.comment-avatar {
flex: 0 0 40px;
}
.comment-avatar .icon.comment-avatar-icon {
width: 40px;
height: 40px;
border: 1px solid #ccc;
border-radius: 20px;
}
.comment-metadata {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.comment-author {
font-weight: bold;
color: #333;
}
.commentCreator {
.comment-date {
color: #aaa;
}
.comment-text {
color: #333;
margin-top: 10px;
}
/* Note editor UI */
#new-comment-input {