fadeout long org titles
This commit is contained in:
parent
76ac33a285
commit
d3bf48a415
|
@ -19,11 +19,19 @@
|
||||||
color: #adaaab
|
color: #adaaab
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
h1, .sync-button, .ember-view
|
.profile-header, .sync-button, .ember-view
|
||||||
display: inline-block
|
display: inline-block
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
.sync-button
|
.sync-button
|
||||||
margin-top: .5em
|
margin-top: .5em
|
||||||
|
@media #{$large-up}
|
||||||
|
.profile-header
|
||||||
|
position: relative
|
||||||
|
white-space: nowrap;
|
||||||
|
max-width: 77%;
|
||||||
|
overflow: hidden;
|
||||||
|
&:after
|
||||||
|
@include fadeOut(right, -90deg, $white)
|
||||||
|
|
||||||
.cta-btn
|
.cta-btn
|
||||||
text-align: right
|
text-align: right
|
||||||
|
|
|
@ -1,8 +1,9 @@
|
||||||
{{#if allHooks.isLoaded}}
|
{{#if allHooks.isLoaded}}
|
||||||
<header>
|
<header>
|
||||||
|
|
||||||
|
<div class="profile-header">
|
||||||
<h1>{{view.name}}</h1>
|
<h1>{{view.name}}</h1>
|
||||||
{{!-- {{sync-button user=auth.currentUser}} --}}
|
</div>
|
||||||
|
|
||||||
{{#if user.isSyncing}}
|
{{#if user.isSyncing}}
|
||||||
<div class="sync-button">
|
<div class="sync-button">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user