github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1410 from sharelatex/ew-make-logout-area-clickable

Browse source 
make area around logout button clickable

GitOrigin-RevId: 8f080c6bedb7dce2ac39d877e8076b83241a4c12
This commit is contained in:
Ersun Warncke 2019-01-16 13:04:11 -04:00 committed by sharelatex
parent 205da19173
commit 87b2c72449
3 changed files with 12 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
services/web/app/views/layout/navbar.pug
View file

@ -91,7 +91,6 @@ nav.navbar.navbar-default.navbar-main
a(href="/user/subscription") #{translate('subscription')} a(href="/user/subscription") #{translate('subscription')}
li.divider li.divider
li li
a(href="#") form(method="POST" action="/logout")
form(method="POST" action="/logout") input(name='_csrf', type='hidden', value=csrfToken)
input(name='_csrf', type='hidden', value=csrfToken) button.btn-link.text-left.dropdown-menu-button #{translate('log_out')}
button.btn-unstyled #{translate('log_out')}

12
services/web/public/stylesheets/components/buttons.less
View file

@ -121,18 +121,6 @@
} }
} }
// Unstyled button
// -------------------------
// Remove styling from button so that text is style like parent
.btn-unstyled {
background: none;
border: none;
margin: 0;
outline: none;
padding: 0;
}
// Button Sizes // Button Sizes
// -------------------------------------------------- // --------------------------------------------------

11
services/web/public/stylesheets/components/dropdowns.less
View file

@ -60,7 +60,7 @@
} }
// Links and other items within the dropdown menu // Links and other items within the dropdown menu
> li > a,div { > li > a,div, .dropdown-menu-button {
display: block; display: block;
padding: @dropdown-item-padding; padding: @dropdown-item-padding;
clear: both; clear: both;
@ -75,10 +75,17 @@
color: #7a7a7a color: #7a7a7a
} }
} }
// button specific styles
.dropdown-menu-button {
border: none;
outline: none;
width: 100%;
}
} }
// Hover/Focus state // Hover/Focus state
.dropdown-menu > li > a { .dropdown-menu > li > a, .dropdown-menu .dropdown-menu-button {
&:hover, &:hover,
&:focus { &:focus {
text-decoration: none; text-decoration: none;