diff --git a/modules/system/assets/ui/docs/callout.md b/modules/system/assets/ui/docs/callout.md index d55ff3808..fbf849016 100644 --- a/modules/system/assets/ui/docs/callout.md +++ b/modules/system/assets/ui/docs/callout.md @@ -35,9 +35,12 @@ Include the `no-subheader` class to omit the sub heading. Include the `no-icon` class to omit the icon. -
+

There was a hull breach

+
    +
  • Get to the chopper
  • +
diff --git a/modules/system/assets/ui/less/callout.less b/modules/system/assets/ui/less/callout.less index 0a1579e19..ed05e4d3e 100644 --- a/modules/system/assets/ui/less/callout.less +++ b/modules/system/assets/ui/less/callout.less @@ -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; } } diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index 3c3f45542..bacc3e598 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -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}