mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-21 20:25:51 +00:00
Updated hover and click states for Arrow
This commit is contained in:
@@ -730,7 +730,6 @@ a.current {
|
|||||||
#sidenav .card-header h5 .sidenav_cat_title {
|
#sidenav .card-header h5 .sidenav_cat_title {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 11px 10px 11px 40px;
|
padding: 11px 10px 11px 40px;
|
||||||
color: #1B1818;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidenav .card-header .sidenav_cat_toggler {
|
#sidenav .card-header .sidenav_cat_toggler {
|
||||||
@@ -745,28 +744,23 @@ a.current {
|
|||||||
transition-duration: 0.3s;
|
transition-duration: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidenav .card-header .sidenav_cat_toggler:before {
|
#sidenav .card-header .sidenav_cat_toggler {
|
||||||
content: url(../img/icon-arrow.svg);
|
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
|
||||||
|
|
||||||
#sidenav .card-header .sidenav_cat_toggler.collapsed {
|
background-color: #676463;
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-mask-image: url(../img/icon-arrow.svg);
|
||||||
-ms-transform: rotate(0deg);
|
mask-image: url(../img/icon-arrow.svg);
|
||||||
transform: rotate(0deg);
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidenav .card-header .sidenav_cat_toggler.collapsed:hover {
|
margin: 12px;
|
||||||
-webkit-transform: rotate(90deg);
|
|
||||||
-ms-transform: rotate(90deg);
|
|
||||||
transform: rotate(90deg);
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidenav .card-header .sidenav_cat_toggler:hover {
|
#sidenav .card-header .sidenav_cat_toggler:hover {
|
||||||
|
background-color : hsla(214.07766990291262, 81.75%, 50.59%, 1.00);
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidenav .card-header .sidenav_cat_toggler.collapsed {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
-ms-transform: rotate(0deg);
|
-ms-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
|
|||||||
Reference in New Issue
Block a user