pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust panel headings

Browse Source
This commit is contained in:
luis cielak 2018-08-23 14:55:59 -04:00 committed by luisgov
parent cb548cc3e3
commit 965b5113fc
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/elements/_panels.scss
View File

@ -67,9 +67,17 @@
margin: $gap * 4; margin: $gap * 4;
} }
&--tight {
margin: $gap*2;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 0; margin: 0;
display: inline-block; display: inline-block;
.subtitle {
color: $color-gray;
}
} }
.icon-tooltip { .icon-tooltip {

9
templates/member_edit.html
View File

@ -37,15 +37,14 @@
</form> </form>
<div class="panel"> <div class="panel">
<div class="panel__heading"> <div class="panel__heading panel__heading--tight">
<h3>Manage Access</h3> <h2 class="h3">Manage Access <div class="subtitle">Grant access to an environment</div></h2>
<div class="subtitle"><h3>Grant access to an environment</h3></div>
</div> </div>
</div> </div>
<div class='block-list project-list-item'> <div class='block-list project-list-item'>
<header class='block-list__header'> <header class='block-list__header'>
<h2 class='block-list__title'>{{ Icon('arrow-down') }}Code.mil</h2> <h3 class='block-list__title'>{{ Icon('arrow-down') }}Code.mil</h3>
<span><a href="#" class="icon-link icon-link--danger">revoke all access</a></span> <span><a href="#" class="icon-link icon-link--danger">revoke all access</a></span>
</header> </header>
<ul> <ul>
@ -78,7 +77,7 @@
<div class='block-list project-list-item'> <div class='block-list project-list-item'>
<header class='block-list__header'> <header class='block-list__header'>
<h2 class='block-list__title'>{{ Icon('arrow-right') }} Digital Dojo</h2> <h3 class='block-list__title'>{{ Icon('arrow-right') }} Digital Dojo</h3>
<span class="label">no access</span> <span class="label">no access</span>
</header> </header>
</div> </div>