mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-12-01 22:13:46 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1070 from alcalyn/patch-1

Browse Source 
.list-group.list-group-no-icon
This commit is contained in:
Federico Zivolo 2016-08-19 13:33:36 +02:00 committed by GitHub
commit 5c47d99855
2 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
bootstrap-elements.html
View File

@ -534,7 +534,7 @@
<a href="javascript:void(0)" class="btn btn-raised btn-link">Link</a>
</p>
</fieldset>
<h3>Button sizes</h3>
<p class="bs-component">
@ -658,9 +658,9 @@
</div>
</div>
</div>
<h3><small><code>btn-lg.btn-block.btn-raised</code></small></h3>
<div class="bs-component">
<a href="javascript:void(0)" class="btn btn-default btn-lg btn-block btn-raised">Block level button</a>
@ -732,7 +732,7 @@
</div>
</div>
</div>
</div>
</div>
@ -1593,10 +1593,10 @@
<i class="material-icons">folder</i>
</div>
<div class="row-content">
<div class="least-content">8m</div>
<h4 class="list-group-item-heading">Tile with a label</h4>
<div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4>
<p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.</p>
</div>
</div>
<div class="list-group-separator"></div>
@ -1605,40 +1605,31 @@
</div>
<div class="col-md-4">
<div class="bs-component">
<div class="list-group">
<div class="list-group list-group-no-icon">
<div class="list-group-item">
<div class="row-action-primary">
<i class="material-icons">folder</i>
</div>
<div class="row-content">
<div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4>
<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.</p>
<p class="list-group-item-text">And <b>without avatar</b> on left.</p>
</div>
</div>
<div class="list-group-separator"></div>
<div class="list-group-item">
<div class="row-action-primary">
<i class="material-icons">folder</i>
</div>
<div class="row-content">
<div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4>
<p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
<p class="list-group-item-text">And <b>without avatar</b> on left.</p>
</div>
</div>
<div class="list-group-separator"></div>
<div class="list-group-item">
<div class="row-action-primary">
<i class="material-icons">folder</i>
</div>
<div class="row-content">
<div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4>
<p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
<p class="list-group-item-text">And <b>without avatar</b> on left.</p>
</div>
</div>
<div class="list-group-separator"></div>

10
less/_lists.less
View File

@ -99,4 +99,14 @@
float: right;
}
}
&.list-group-no-icon {
.list-group-item .row-content {
width: 100%;
}
.list-group-separator {
&:before {
width: 100%;
}
}
}
}