github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

Namespace toolbar CSS properly to only affect top level anchor tags so that dropdown links are not styled

Browse source
This commit is contained in:
James Allen 2016-02-02 14:48:22 +00:00
parent f55b0b3819
commit 14cfb2dec7
1 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
services/web/public/stylesheets/app/editor/toolbar.less
View file

@ -2,7 +2,7 @@
height: 40px;
border-bottom: 1px solid @toolbar-border-color;
a {
> a, .toolbar-right > a {
position: relative;
.label {
position: absolute;
@ -13,7 +13,7 @@
}
}
a:not(.btn) {
> a:not(.btn), .toolbar-right > a:not(.btn) {
display: inline-block;
color: @gray-light;
padding: 4px 10px 5px;
@ -90,27 +90,36 @@
&.toolbar-small {
height: 32px;
a {
> a, .toolbar-right > a {
padding: 4px 2px 2px;
margin: 0;
}
> a {
margin-left: 6px;
}
.toolbar-right {
a {
margin-left: 0;
margin-right: 6px;
}
.toolbar-right > a {
margin-left: 0;
margin-right: 6px;
}
}
&.toolbar-tall {
height: 58px;
padding-top: 10px;
a.btn {
> a, .toolbar-right > a {
padding: 4px 10px 5px;
}
> a.btn, .toolbar-right > a.btn {
margin: 0 (@line-height-computed / 2);
}
a {
padding: 4px 10px 5px;
.btn-group {
margin: 0 (@line-height-computed / 2);
> a {
margin: 0;
}
> .btn-group {
margin: 0;
}
}
}
@ -135,7 +144,7 @@
&.toolbar-header {
box-shadow: none;
}
a:not(.btn) {
> a:not(.btn) {
color: @gray;
&:hover {
color: @gray-light;