TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak list alignment in callouts

This commit is contained in:
Samuel Georges 2016-09-30 10:15:35 +10:00
parent a97208c6a1
commit 757221dfaf
3 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
modules/system/assets/ui/docs/callout.md
View File

@ -35,9 +35,12 @@ Include the `no-subheader` class to omit the sub heading.
Include the `no-icon` class to omit the icon.
<div class="callout fade in callout-danger no-icon no-subheader">
<div class="callout fade in callout-danger no-icon">
<div class="header">
<h3>There was a hull breach</h3>
<ul>
<li>Get to the chopper</li>
</ul>
</div>
</div>

10
modules/system/assets/ui/less/callout.less
View File

@ -104,10 +104,14 @@
font-weight: bold;
}
h3, p {
h3, p, ul, ol {
margin-left: 35px;
}
ul, ol {
padding-left: @padding-standard;
}
*:last-child {
margin-bottom: 0;
}
@ -145,6 +149,8 @@
}
ul, ol {
padding-left: @padding-standard;
li {
margin-bottom: 5px;
}
@ -157,7 +163,7 @@
&.no-icon {
> .header {
h3, p {
h3, p, ul, ol {
margin-left: 0;
}
}

6
modules/system/assets/ui/storm.css
View File

@ -1479,7 +1479,8 @@ to{background-position:0 0}
.callout > .header + .content{border-top:none}
.callout > .header{padding:20px;padding-bottom:15px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:#2f2d26}
.callout > .header h3{letter-spacing:0;margin:0 0 7px 0;font-size:13px;font-weight:bold}
.callout > .header h3,.callout > .header p{margin-left:35px}
.callout > .header h3,.callout > .header p,.callout > .header ul,.callout > .header ol{margin-left:35px}
.callout > .header ul,.callout > .header ol{padding-left:20px}
.callout > .header *:last-child{margin-bottom:0}
.callout > .header:last-child{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.callout > .header i{font-size:26px;float:left}
@ -1492,9 +1493,10 @@ to{background-position:0 0}
.callout > .content h5{font-size:18px}
.callout > .content h6{font-size:16px}
.callout > .content *:last-child{margin-bottom:0}
.callout > .content ul,.callout > .content ol{padding-left:20px}
.callout > .content ul li,.callout > .content ol li{margin-bottom:5px}
.callout > .content .action-panel{padding:10px 0 0 0}
.callout.no-icon > .header h3,.callout.no-icon > .header p{margin-left:0}
.callout.no-icon > .header h3,.callout.no-icon > .header p,.callout.no-icon > .header ul,.callout.no-icon > .header ol{margin-left:0}
.callout.no-subheader > .header i{margin-top:-5px}
.form-group > .callout{margin-bottom:0}
.nav{margin-bottom:0;padding-left:0;list-style:none}