info-overlay: Fix "message formating" styling.

The introduction of ".rendered_markdown table" in 00eaf3a, caused some
styling glitches in the "message formatting" overlay, such as an extra
right border and darker internal borders. This commit fixes these
glitches by duplicating bootstrap's table styles.
This commit is contained in:
YashRE42 2019-05-25 09:05:10 +05:30 committed by Tim Abbott
parent e274ed8c3f
commit 04d9d1d27a
1 changed files with 26 additions and 0 deletions

View File

@ -50,6 +50,32 @@
font-size: 0.9em;
}
.informational-overlays {
// Hack to prevent styling from 00eaf3a effecting the markdown help overlay
.rendered_markdown {
// styles to over ride those from .rendered_markdown table
table {
padding-right: 0px;
margin: 0px;
width: 100%;
}
tr td {
border: 0px;
}
// Duplicate styles from bootstrap to render table correctly
.table th,
.table td {
border-top: 1px solid hsl(0, 0%, 87%);
}
.table-bordered td {
border-left: 1px solid hsl(0, 0%, 87%);
}
.table-condensed th,
.table-condensed td {
padding: 4px 5px;
}
}
}
.help-table {
table-layout: fixed;