Permalink
Browse files

Added old dropdown

  • Loading branch information...
davidmerfield committed Nov 17, 2018
1 parent 469c45b commit 7504ba1fbf39ab7bea885f140d0e6297fcc22dee
Showing with 45 additions and 18 deletions.
  1. +4 −5 app/dashboard/views/css/site.css
  2. +41 −13 app/dashboard/views/partials/dropdown.html
@@ -1880,14 +1880,13 @@ border: 1px solid;margin-left: -1px;padding: 0 8px}
.photo-holder {vertical-align: text-bottom;
/* margin: 0em 8px 0 0; */
width: 32px;
height: 32px;
width: 16px;
height: 16px;
background: rgba(0,0,0,0.05);
display: inline-block;
line-height: 1;
text-align: center;
display: block;}
.photo-holder img {vertical-align:text-bottom;max-width:32px;max-height:32px;}
}
.photo-holder img {vertical-align:text-bottom;max-width:16px;max-height:16px;}
.photo-holder.plus {background: rgba(0,0,0,0.05);border-radius: 2px;line-height: 0.9}
button {background: none;border: none;color:rgb(109, 109, 109);padding: 0;margin: 0;line-height: inherit;}
@@ -1,24 +1,52 @@
<div style="flex-grow:1" >
<div class="dropdown closed" >
<div style="float:right;margin-right:42px">
{{#blogs}}
{{#blogs}}
{{#isCurrent}}
<a href="#!" class="opener nav-bar show" >
{{#avatar}}<span class="photo-holder"><img src="{{avatar}}"></span>{{/avatar}}&nbsp;{{title}}{{^title}}{{blog.pretty.url}}{{/title}}&nbsp;&thinsp;&nbsp;<img src="/images/dropdown.svg" width=8>
</a>
{{/isCurrent}}
{{/blogs}}
<div class="clear"></div>
<noscript>TODO: fix this for no JS users</noscript>
<form style="padding:0 " action="/account/switch-blog" method="POST">
<div class="menu">
{{#blogs}}{{^isCurrent}}
<form style="" action="/account/switch-blog" method="POST">
<input type="hidden" name="_csrf" value="{{csrftoken}}">
<input type="hidden" name="to" value="{{id}}">
<button class="toggle-container {{#isCurrent}}active{{/isCurrent}}" type="submit" style="color:#111;font-weight:500">
<button type="submit" style="color:#111;font-weight:500">
<span class="photo-holder"> {{#avatar}}<img src="{{avatar}}?handle={{handle}}">{{/avatar}}
{{^avatar}}<span style="line-height:32px;opacity:0.3">D</span><!-- <span class="file" style="font-size:0.8em;opacity:0.3;margin:0.25em 0.64em"></span> -->{{/avatar}}</span>
{{^avatar}}<span class="file" style="font-size:0.8em;opacity:0.5;margin:-0.3em 0 0 0"></span>{{/avatar}}</span>
{{title}}{{^title}}{{pretty.url}}{{/title}}
{{#isCurrent}}<span style="color:green;float:right;font-size:20px">&bull;</span>{{/isCurrent}}
</button>
</form>
{{/blogs}}
<hr style="width:32px;margin-left:10px;margin-bottom:10px">
<a href="/account/create-blog" class="toggle-container" style="display:block;text-decoration:none;border-bottom:0">
<span style="background:none;text-align:center;width:32px;height:32px;line-height:32px;font-size:32px;font-weight:200;color:rgba(0,0,0,0.25);display:block;">+</span>
</a>
{{/isCurrent}}{{/blogs}}
<div class="clear"></div>
<a href="/account/create-blog" style="padding-right:40px;border-bottom:0"><span class="photo-holder plus">+</span> Add another blog</a>
<div class="clear"></div>
</div>
<!--
</div>
This will set the widths of everything in the UI by blocking out as needed
{{#blogs}}
{{^isCurrent}}
<a href="#!" class="opener nav-bar" >
{{#avatar}}<img src="{{avatar}}" style="vertical-align:text-bottom;margin:0em 8px 0 0;max-width:16px;max-height:16px;width:16px;height:16px">{{/avatar}}
{{title}} &thinsp;
<img src="/images/dropdown.svg" width=8>
</a>
{{/isCurrent}}<br>
{{/blogs}} -->
</div>

0 comments on commit 7504ba1

Please sign in to comment.