Remove hover-box padding. Add footnote-container with padding.

This commit is contained in:
Ludwig Schubert
2018-03-06 14:31:42 -08:00
parent 4fac022efc
commit 0bc2ce69da
2 changed files with 5 additions and 13 deletions
+5 -12
View File
@@ -30,23 +30,16 @@ span {
z-index: 10000;
}
.dt-hover-box {
margin: 0 auto;
width: 704px;
max-width: 100vw;
background-color: #FFF;
opacity: 0.95;
border: 1px solid rgba(0, 0, 0, 0.25);
padding: 8px 16px;
border-radius: 3px;
box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
.footnote-container {
padding: 10px;
}
</style>
<d-hover-box>
<slot id="slot"></slot>
<div class="footnote-container">
<slot id="slot"></slot>
</div>
</d-hover-box>
<sup>
-1
View File
@@ -30,7 +30,6 @@ const T = Template('d-hover-box', `
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
border-radius: 4px;
box-sizing: border-box;
padding: 10px;
}
</style>