Skip to content

Instantly share code, notes, and snippets.

@WebD00D
Last active July 31, 2018 23:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save WebD00D/754498fbe6ad0056d9c67be1a2d276ae to your computer and use it in GitHub Desktop.
Save WebD00D/754498fbe6ad0056d9c67be1a2d276ae to your computer and use it in GitHub Desktop.
Zygnal employee profile markup changes
<!--
1. Body tag for https://beta.zignyl.com/employees/xxxx should get a employee-profile class added.
2. Panel group markup structure has changed a tad. Please note the original below,
and see comments on what changed further towards the bottom with the new markup.
OLD MARKUP:
<div class="col-md-6">
<div class="panel-group" id="accordionNotes" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" id="headingNotes" data-toggle="collapse" data-parent="#accordionNotes" href="#collapseNotes" aria-expanded="true"
aria-controls="collapseNotes">
<h4 class="panel-title">
<i class="fas fa-file"></i>&nbsp;&nbsp;Notes and Documents
</h4>
</div>
<div class="pull-right panel-btns">
<button class="btn btn-default" data-toggle="modal" data-target="#documentModal" data-isnew="true">New Document</button>
<button class="btn btn-default" data-toggle="modal" data-target="#noteModal" data-isnew="true">New Note</button>
</div>
<div id="collapseNotes" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNotes">
<div class="panelContents" id="notesAndDocumentsTab"></div>
</div>
</div>
</div>
</div>
-->
<!-- NEW MARKUP -->
<div class="col-md-6">
<div class="panel-group" id="accordionNotes" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" id="headingNotes" data-toggle="collapse" data-parent="#accordionNotes" href="#collapseNotes" aria-expanded="true"
aria-controls="collapseNotes">
<h4 class="panel-title">
<i class="fas fa-file"></i>&nbsp;&nbsp;Notes and Documents
</h4>
<!-- The .panel-btns div, should have .pull-right removed, and get moved inside the .panel-heading div, after the h4 tag. -->
<div class="panel-btns">
<button class="btn btn-default" data-toggle="modal" data-target="#documentModal" data-isnew="true">New Document</button>
<button class="btn btn-default" data-toggle="modal" data-target="#noteModal" data-isnew="true">New Note</button>
</div>
</div>
<div id="collapseNotes" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNotes">
<div class="panelContents" id="notesAndDocumentsTab"></div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment