diff --git a/aio/src/styles/2-modules/_toc.scss b/aio/src/styles/2-modules/_toc.scss index c4e6b0b0b6..20fed744e9 100644 --- a/aio/src/styles/2-modules/_toc.scss +++ b/aio/src/styles/2-modules/_toc.scss @@ -50,37 +50,37 @@ background: $lightgray; } } - } - &.toc-heading { - mat-icon.rotating-icon { - height: 18px; - width: 18px; + &.toc-heading { + mat-icon.rotating-icon { + height: 18px; + width: 18px; + position: relative; + left: -4px; + top: 5px; + } + + &:hover:not(.embedded) { + color: $accentblue; + } + } + + &.toc-more-items { + color: $mediumgray; + top: 10px; position: relative; - left: -4px; - top: 5px; - } - &:hover:not(.embedded) { - color: $accentblue; - } - } + &:hover { + color: $accentblue; + } - &.toc-more-items { - color: $mediumgray; - top: 10px; - position: relative; + &::after { + content: 'expand_less'; + } - &:hover { - color: $accentblue; - } - - &::after { - content: 'expand_less'; - } - - &.collapsed::after { - content: 'more_horiz'; + &.collapsed::after { + content: 'more_horiz'; + } } } @@ -98,7 +98,7 @@ list-style-type: none; margin: 0; padding: 0 8px 0 0; - + @media (max-width: 800px) { width: auto; }