github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

fix card-widget docs demo & fix css for maximized card

pull/3481/head
REJack 2021-03-04 07:48:16 +01:00
parent 5a4d10686d
commit 20079d7985
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/scss/_cards.scss
View File

@ -44,7 +44,7 @@
overflow: auto; overflow: auto;
} }
[data-widget="collapse"] { [data-card-widgett="collapse"] {
display: none; display: none;
} }

20
docs/components/direct-chat.md
View File

@ -12,13 +12,13 @@ The direct chat widget extends the card component to create a beautiful chat int
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span>
<button type="button" class="btn btn-tool" data-widget="collapse"> <button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i> <i class="fas fa-minus"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"> <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i> <i class="fas fa-comments"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-widget="remove"><i class="fas fa-times"></i> <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
</button> </button>
</div> </div>
</div> </div>
@ -161,13 +161,13 @@ The direct chat widget extends the card component to create a beautiful chat int
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span>
<button type="button" class="btn btn-tool" data-widget="collapse"> <button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i> <i class="fas fa-minus"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"> <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i> <i class="fas fa-comments"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-widget="remove"><i class="fas fa-times"></i> <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
</button> </button>
</div> </div>
</div> </div>
@ -315,13 +315,13 @@ The direct chat widget extends the card component to create a beautiful chat int
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span>
<button type="button" class="btn btn-tool" data-widget="collapse"> <button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i> <i class="fas fa-minus"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"> <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i> <i class="fas fa-comments"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-widget="remove"><i class="fas fa-times"></i> <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
</button> </button>
</div> </div>
</div> </div>
@ -512,13 +512,13 @@ Of course you can use direct chat with a outline card by adding the class `.card
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span>
<button type="button" class="btn btn-tool" data-widget="collapse"> <button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i> <i class="fas fa-minus"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"> <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i> <i class="fas fa-comments"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-widget="remove"><i class="fas fa-times"></i> <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
</button> </button>
</div> </div>
</div> </div>
@ -661,13 +661,13 @@ Of course you can use direct chat with a outline card by adding the class `.card
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge badge-light">3</span>
<button type="button" class="btn btn-tool" data-widget="collapse"> <button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i> <i class="fas fa-minus"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"> <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i> <i class="fas fa-comments"></i>
</button> </button>
<button type="button" class="btn btn-tool" data-widget="remove"><i class="fas fa-times"></i> <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
</button> </button>
</div> </div>
</div> </div>