mirrors/retrospring
1
0
Fork 0
mirror of https://github.com/Retrospring/retrospring.git synced 2025-02-13 21:33:20 +01:00
Code Issues Projects Releases Packages Wiki Activity

added floating ask your followers button

Browse source
This commit is contained in:
Andreas N 2014-12-27 19:18:55 +01:00
parent 35e956e692
commit 05002b8d10
2 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/assets/stylesheets/scss/navbar.scss
View file

@ -64,4 +64,23 @@
100% {
background-color: $navbar-inverse-toggle-border-color;
}
}
.btn-fab {
border-radius: 100%;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12), 0px 1px 6px rgba(0, 0, 0, 0.12);
margin: 0px;
padding: 15px;
font-size: 26px;
width: 56px;
height: 56px;
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s;
outline: medium none !important;
text-transform: uppercase;
text-decoration: none;
position: absolute;
bottom: 0px;
right: 0px;
margin-right: 5px;
margin-bottom: 5px;
}

6
app/views/layouts/_header.html.haml
View file

@ -24,9 +24,6 @@
= nav_entry "Inbox", "/inbox", badge: inbox_count
= render "layouts/notifications"
%ul.nav.navbar-nav.navbar-right
%button.btn.btn-primary.navbar-btn.btn-sm{"data-target" => "#modal-ask-followers", "data-toggle" => "modal", :type => "button"}
%i.fa.fa-pencil-square-o
%span.visible-xs Ask your followers
%li.dropdown
%a.dropdown-toggle{href: "#", "data-toggle" => "dropdown"}
= current_user.screen_name
@ -49,3 +46,6 @@
- if user_signed_in?
= render 'shared/modal_ask_followers'
- if user_signed_in?
%button.btn.btn-primary.btn-fab{"data-target" => "#modal-ask-followers", "data-toggle" => "modal", :type => "button"}
%i.fa.fa-pencil-square-o