marrub
/
snipt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix weird lineheight with inline block

master
Nick Sergeant 2012-05-23 19:43:06 -04:00
parent ecef7dd311
commit e8be516c5c
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
media/css/style.css
View File

@ -794,8 +794,12 @@ div.modal .modal-header .close {
line-height: 20px;
margin-top: 0;
}
div.modal .modal-header h3 {
line-height: 0;
}
div.modal .modal-header h3 span {
display: inline-block;
line-height: 27px;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;

3
media/css/style.scss
View File

@ -913,8 +913,11 @@ div.modal {
margin-top: 0;
}
h3 {
line-height: 0;
span {
display: inline-block;
line-height: 27px;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;

4
snipts/templates/snipts/snipt-js-template.html
View File

@ -70,7 +70,7 @@
<div class="modal hide copy-modal">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>Copy <span>&ldquo;<%= snipt.title %>&rdquo;</span></h3>
<h3><span>Copy &ldquo;<%= snipt.title %>&rdquo;</span></h3>
<h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
</div>
<div class="modal-body"></div>
@ -78,7 +78,7 @@
<div class="modal hide embed-modal">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>Embed <span>&ldquo;<%= snipt.title %>&rdquo;</span></h3>
<h3><span>Embed &ldquo;<%= snipt.title %>&rdquo;</span></h3>
<h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
</div>
<div class="modal-body">

4
snipts/templates/snipts/snipt-list.html
View File

@ -84,7 +84,7 @@
<div class="modal hide copy-modal">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>Copy <span>&ldquo;{{ snipt.title }}&rdquo;</span></h3>
<h3><span>Copy &ldquo;{{ snipt.title }}&rdquo;</span></h3>
<h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
</div>
<div class="modal-body"></div>
@ -92,7 +92,7 @@
<div class="modal hide embed-modal">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>Embed <span>&ldquo;{{ snipt.title }}&rdquo;</span></h3>
<h3><span>Embed &ldquo;{{ snipt.title }}&rdquo;</span></h3>
<h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
</div>
<div class="modal-body"></div>