butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Day markers

Browse source
This commit is contained in:
N-Pex 2021-01-20 11:32:21 +01:00
parent dbd7c28660
commit 6e0e1dd31c
5 changed files with 92 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/assets/css/chat.scss
View file

@ -383,13 +383,13 @@ $admin-fg: white;
margin-left: 20px;
margin-right: 20px;
height: 1px;
width: 100%;
width: calc(100% - 40px);
line-height: var(--v-theme-title-featured-line-height);
position: absolute;
bottom: 0;
font-family: sans-serif;
font-style: normal;
font-weight: bold;
font-weight: normal;
font-size: 8 * $chat-text-size;
line-height: 140%;
/* identical to box height, or 14px */
@ -401,8 +401,38 @@ $admin-fg: white;
position: absolute;
top: -4px;
background: white;
transform: translate(-50%,0);
padding-left: 4px;
padding-right: 4px;
content: attr(title);
}
}
.day-marker {
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 1px;
line-height: var(--v-theme-title-featured-line-height);
font-family: sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10 * $chat-text-size;
line-height: 140%;
/* identical to box height, or 14px */
letter-spacing: 0.29px;
color: black;
background-color: black;
text-align: center;
position: relative;
&::after {
position: absolute;
top: -8px;
background: white;
transform: translate(-50%,0);
padding-left: 10px;
padding-right: 10px;
content: attr(title);
}
}