ziver/zallery
1
0
Fork 0
Code Pull requests Releases Activity

Made actions a dropdown

Browse source
This commit is contained in:
Ziver Koc 2017-08-08 14:05:46 +02:00
parent f566584c44
commit 41b7baa382
2 changed files with 30 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
prototype/css/zallery.css
View file

@ -3,13 +3,24 @@ body{
} }
.navbar { .navbar {
margin-top: 40px; margin-top: 20px;
margin-bottom: 40px; margin-bottom: 0px;
} }
.navbar .action a, .navbar .action span{ .navbar .action a, .navbar .action span{
color: #5a5ada !important; color: #5a5ada !important;
} }
.subnav {
width: 80%;
height: 10px;
margin: 0 auto;
padding: 0 20px;
}
.content {
margin-top: 20px;
}
.photo-thumb, .photo { .photo-thumb, .photo {
padding: 2px; padding: 2px;
} }

13
prototype/main.html
View file

@ -55,13 +55,24 @@
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle action" data-toggle="dropdown">
<span class="glyphicon glyphicon-wrench"></span>
<strong>Actions</strong>
<span class="caret">
</a>
<ul class="dropdown-menu">
<li class="action">
<a href="#"><span class="glyphicon glyphicon-ban-circle"></span> Make Private</a>
</li>
<li class="action"> <li class="action">
<a href="#"><span class="glyphicon glyphicon-folder-open"></span> Create Folder</a> <a href="#"><span class="glyphicon glyphicon-folder-open"></span> Create Folder</a>
</li> </li>
<li class="action"> <li class="action">
<a href="#"><span class="glyphicon glyphicon-open-file"></span> Upload</a> <a href="#"><span class="glyphicon glyphicon-open-file"></span> Upload</a>
</li> </li>
</ul>
</li>
<li class="divider-vertical"></li> <li class="divider-vertical"></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">