hover effect for app switcher label
This commit is contained in:
parent
bc47e56f9f
commit
44dca8b740
|
@ -74,6 +74,24 @@
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* hover effect for app switcher label */
|
||||||
|
.menutoggle .header-appname,
|
||||||
|
.menutoggle .icon-caret {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
|
||||||
|
filter: alpha(opacity=75);
|
||||||
|
opacity: .75;
|
||||||
|
}
|
||||||
|
.menutoggle:hover .header-appname,
|
||||||
|
.menutoggle:hover .icon-caret,
|
||||||
|
.menutoggle:focus .header-appname
|
||||||
|
.menutoggle:focus .icon-caret
|
||||||
|
.menutoggle.active .header-appname
|
||||||
|
.menutoggle.active .icon-caret {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||||
|
filter: alpha(opacity=100);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
/* show appname next to logo */
|
/* show appname next to logo */
|
||||||
.header-appname {
|
.header-appname {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -95,12 +113,6 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.header-appname,
|
|
||||||
#header .icon-caret {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
|
|
||||||
filter: alpha(opacity=75);
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
/* do not show menu toggle on public share links as there is no menu */
|
/* do not show menu toggle on public share links as there is no menu */
|
||||||
#body-public #header .icon-caret {
|
#body-public #header .icon-caret {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in New Issue