maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix liquid tags overflow (#8369)

Browse source 
* Fix liquid tags overflowing comment box in notifications

* Prevent tags from being too wide
This commit is contained in:
Alberto Pérez de Rada Fiol 2020-06-15 18:29:38 +02:00 • committed by GitHub
parent 582d32393c
commit a878d42fa7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/ltags/CommentTag.scss
View file

@ -9,9 +9,10 @@
border: 1px solid var(--card-color-tertiary);
box-shadow: $shadow;
border-radius: 3px;
width: auto;
@media screen and (min-width: 760px) {
margin: 0.95em auto;
width: 620px;
max-width: 620px;
}
.details {

3
app/assets/stylesheets/ltags/TagTag.scss
View file

@ -11,9 +11,10 @@
margin: 0.95em 0 1.2em;
position: relative;
overflow: hidden;
width: auto;
@media screen and (min-width: 760px) {
margin: 0.95em auto;
width: 620px;
max-width: 620px;
}
.ltag__tag__content {
a {

3
app/assets/stylesheets/ltags/UserTag.scss
View file

@ -23,9 +23,10 @@
margin: 0.95em 0 1.2em;
position: relative;
overflow: hidden;
width: auto;
@media screen and (min-width: 760px) {
margin: 0.95em auto;
width: 620px;
max-width: 620px;
}
.ltag__user__pic {
display: inline-block;

2
app/views/tags/_liquid.html.erb
View file

@ -1,4 +1,4 @@
<div class="ltag__tag ltag__tag__id__<%= tag.id %>" style="border-color:<%= dark_color %>;box-shadow: 3px 3px 0px <%= dark_color %> ">
<div class="ltag__tag ltag__tag__id__<%= tag.id %>" style="border-color:<%= dark_color %>;box-shadow: 3px 3px 0px <%= dark_color %>;">
<style>
.ltag__tag__id__<%= tag.id %> .follow-action-button{
background-color: <%= tag.bg_color_hex %> !important;