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

23
bootstrap-elements.html
View File

@ -1593,10 +1593,10 @@
<i class="material-icons">folder</i> <i class="material-icons">folder</i>
</div> </div>
<div class="row-content"> <div class="row-content">
<div class="least-content">8m</div> <div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with a label</h4> <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> </div>
<div class="list-group-separator"></div> <div class="list-group-separator"></div>
@ -1605,40 +1605,31 @@
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="bs-component"> <div class="bs-component">
<div class="list-group"> <div class="list-group list-group-no-icon">
<div class="list-group-item"> <div class="list-group-item">
<div class="row-action-primary">
<i class="material-icons">folder</i>
</div>
<div class="row-content"> <div class="row-content">
<div class="action-secondary"><i class="material-icons">info</i></div> <div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4> <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> </div>
<div class="list-group-separator"></div> <div class="list-group-separator"></div>
<div class="list-group-item"> <div class="list-group-item">
<div class="row-action-primary">
<i class="material-icons">folder</i>
</div>
<div class="row-content"> <div class="row-content">
<div class="action-secondary"><i class="material-icons">info</i></div> <div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4> <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> </div>
<div class="list-group-separator"></div> <div class="list-group-separator"></div>
<div class="list-group-item"> <div class="list-group-item">
<div class="row-action-primary">
<i class="material-icons">folder</i>
</div>
<div class="row-content"> <div class="row-content">
<div class="action-secondary"><i class="material-icons">info</i></div> <div class="action-secondary"><i class="material-icons">info</i></div>
<h4 class="list-group-item-heading">Tile with an icon</h4> <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> </div>
<div class="list-group-separator"></div> <div class="list-group-separator"></div>

10
less/_lists.less
View File

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