root/og
1
0
Fork 0
Code Issues Pull requests Activity

edit debug layout compatibility

Browse source
This commit is contained in:
hazycora 2023-08-03 09:49:05 -05:00
parent d0c981881c
commit f6627672c9
No known key found for this signature in database
GPG key ID: 215AF1F81F86940E
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/style.css
View file

@ -118,13 +118,19 @@ p {
} }
.description { .description {
width: 100%;
font-size: 42px; font-size: 42px;
font-weight: 500; font-weight: 500;
color: #8c91af; color: #8c91af;
overflow: hidden; overflow: hidden;
display: block; display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis; text-overflow: ellipsis;
line-clamp: 2'...'; -webkit-line-clamp: 2;
}
.is-debug .description {
display: block;
} }
.languages { .languages {

8
views/layout.eta
View file

@ -17,17 +17,11 @@
place-items: center; place-items: center;
height: 100%; height: 100%;
} }
/* we're using unprefixed line-clamp, but we want that to look correct in dev mode */
*[style*="line-clamp: 2"] {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style> </style>
<title>OpenGraph Debug Preview</title> <title>OpenGraph Debug Preview</title>
</head> </head>
<% } %> <% } %>
<div class="wrapper <% if (it.languages) { %>has-languages<% } %>"> <div class="wrapper <% if (it.languages) { %>has-languages<% } %> <% if (it.debug) { %>is-debug<% } %>">
<%~ it.body %> <%~ it.body %>
<% if (it.languages) { %> <% if (it.languages) { %>
<div class="languages"> <div class="languages">