Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Allow buttons elements in dropdowns

Browse source
This commit is contained in:
Paul Adam Davis 2014-08-13 15:15:23 +01:00
parent 147f1a836f
commit 60f1b47129
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
core/client/assets/sass/components/dropdowns.scss
View file

@ -65,19 +65,23 @@
} }
// Links within the dropdown menu // Links within the dropdown menu
> li > a { > li > a,
> li > button {
display: block; display: block;
width: 100%;
padding: 3px 20px; padding: 3px 20px;
clear: both; clear: both;
font-weight: normal; font-weight: normal;
line-height: 1.428571429; line-height: 1.428571429;
text-align: left;
color: #333; color: #333;
white-space: nowrap; // prevent links from randomly breaking onto new lines white-space: nowrap; // prevent links from randomly breaking onto new lines
} }
} }
// Hover/Focus state // Hover/Focus state
.dropdown-menu > li > a { .dropdown-menu > li > a,
.dropdown-menu > li > button {
&:hover, &:hover,
&:focus { &:focus {
text-decoration: none; text-decoration: none;
@ -87,7 +91,8 @@
} }
// Active state // Active state
.dropdown-menu > .active > a { .dropdown-menu > .active > a,
.dropdown-menu > .active > button {
&, &,
&:hover, &:hover,
&:focus { &:focus {
@ -102,7 +107,8 @@
// //
// Gray out text and ensure the hover/focus state remains gray // Gray out text and ensure the hover/focus state remains gray
.dropdown-menu > .disabled > a { .dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > button {
&, &,
&:hover, &:hover,
&:focus { &:focus {
@ -110,7 +116,8 @@
} }
} }
// Nuke hover/focus effects // Nuke hover/focus effects
.dropdown-menu > .disabled > a { .dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > button {
&:hover, &:hover,
&:focus { &:focus {
text-decoration: none; text-decoration: none;