EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SPR-863: function "logged in as" in usertools position in FF

Browse source
This commit is contained in:
Silke Pisulla 2017-03-17 15:23:12 +01:00
commit 94199ca847
1 changed files with 88 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

113
css/area_nav-usertools.less
View file

@ -23,6 +23,7 @@
.btn-usertools-num(); .btn-usertools-num();
float: right; float: right;
min-height: 28px;
> strong, > strong,
> a { > a {
@ -50,13 +51,14 @@
} }
.num { .num {
background-color: @color-border; background-color: @noopentasks-background; // fix
color: @color-nav; color: @noopentasks-color; // fix
} }
} }
&.user { &.user {
position: relative; position: relative;
display: table-cell;
padding: 1px .2em 0 1px; // 1px for border padding: 1px .2em 0 1px; // 1px for border
&::before { &::before {
@ -74,19 +76,19 @@
background: #FFF; // for removing bg-image background: #FFF; // for removing bg-image
border: 0 none; border: 0 none;
text-indent: 0; text-indent: 0;
color: @color-nav;
font-size: inherit; font-size: inherit;
margin-top: -1px; // for border margin-top: -1px; // for border
margin-right: -.2em; margin-right: -.2em;
padding: 1px .2em 0 0; padding: 0 .2em 0 0;
@media @screen_only-lg { @media @screen_only-lg {
padding-top: 3px; padding-top: .25rem;
} }
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
top: -3px;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
@ -94,28 +96,43 @@
border: solid 1px @color-border; border: solid 1px @color-border;
border-radius: @border-radius; border-radius: @border-radius;
transition: @transition border-color; transition: @transition border-color;
@media @screen_min-xxlg {
top: -3px;
}
@media @screen_max-xxlg {
top: -4px;
}
@media @screen_max-xlg {
top: -3px;
}
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @color-nav-hover-bg;
color: @color-nav-hover;
&::before { &::before {
border-color: @button_background; border-color: @color-nav-hover;
} }
bdi, bdi,
bdi:first-of-type { bdi:first-of-type {
color: @button_background; color: @color-nav-hover;
&::before { &::before {
color: @button_background; color: inherit;
} }
} }
} }
} }
bdi { bdi {
color: @color-nav; color: inherit;
display: inline-block; display: inline-block;
padding-top: 1px; padding-top: 1px;
transition: @transition color; transition: @transition color;
@ -126,16 +143,32 @@
.icon-user-circle(); .icon-user-circle();
position: relative; position: relative;
margin: .3em 0 .3em .25rem; margin: 0 0 .3em .25rem;
@media @screen_min-md { @media @screen_min-xxlg {
margin-top: 4px;
padding-left: 1.3rem; padding-left: 1.3rem;
} }
@media @screen_max-md { @media @screen_max-xxlg {
margin-top: 5px;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
@media @screen_max-xlg {
margin-top: 5px;
padding-left: 1.5rem;
}
@media @screen_max-md {
min-height: 1.15rem;
margin-top: 5px;
}
@media @screen_max-xxs {
margin-top: 4px;
}
&::before { &::before {
position: absolute; position: absolute;
left: -2px; left: -2px;
@ -157,6 +190,26 @@
} }
} }
} }
a {
bdi:first-of-type {
@media @screen_min-xxlg {
margin-top: 5px;
}
@media @screen_max-xxlg {
margin-top: 6px;
}
@media @screen_max-xlg {
margin-top: 3px;
}
@media @screen_max-md {
margin-top: 5px;
}
}
}
} // user } // user
&.user-task { &.user-task {
@ -205,16 +258,6 @@
min-width: 2rem; min-width: 2rem;
} }
&:hover,
&:active,
&:focus {
background-color: @button_color;
border-color: @button_background;
//-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
//box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
color: @button_background;
}
&::before { &::before {
content: "?"; content: "?";
display: block; display: block;
@ -222,7 +265,27 @@
box-sizing: border-box; box-sizing: border-box;
font-size: @font-size-default + (@font-scale-factor * 4); font-size: @font-size-default + (@font-scale-factor * 4);
cursor: pointer; cursor: pointer;
margin: .15em 0 0; margin: 0;
@media @screen_min-xxlg {
margin-top: .15rem;
}
@media @screen_max-xxlg {
margin-top: .25rem;
}
@media @screen_max-md {
margin-top: .15rem;
}
}
&:hover,
&:active,
&:focus {
background-color: @color-nav-hover-bg;
border-color: @color-nav-hover;
color: @color-nav-hover;
} }
/* icon register new user */ /* icon register new user */
@ -236,7 +299,7 @@
&::before { &::before {
@media @screen_only-lg { @media @screen_only-lg {
margin-top: .27rem; margin-top: .3rem;
} }
} }
} }
@ -247,7 +310,7 @@
&::before { &::before {
@media @screen_only-lg { @media @screen_only-lg {
margin-top: .27rem; margin-top: .3rem;
} }
} }
} }