Rename #profilemenu to #profile-menu, for consistency

This commit is contained in:
jordi fita mas 2023-01-31 13:25:57 +01:00
parent 873d36abab
commit 3117c9a268
2 changed files with 15 additions and 15 deletions

View File

@ -386,11 +386,11 @@ fieldset {
/* Profile Menu */ /* Profile Menu */
#profilemenu { #profile-menu {
position: relative; position: relative;
} }
#profilemenu summary { #profile-menu summary {
width: 7rem; width: 7rem;
height: 7rem; height: 7rem;
margin: 1rem 0; margin: 1rem 0;
@ -401,19 +401,19 @@ fieldset {
border: none; border: none;
} }
#profilemenu summary::-webkit-details-marker { #profile-menu summary::-webkit-details-marker {
display: none; display: none;
} }
#profilemenu summary, #profilemenu button { #profile-menu summary, #profile-menu button {
cursor: pointer; cursor: pointer;
} }
#profilemenu summary, #profilemenu ul { #profile-menu summary, #profile-menu ul {
background-color: var(--numerus--background-color); background-color: var(--numerus--background-color);
} }
#profilemenu[open] summary::before { #profile-menu[open] summary::before {
background-color: var(--numerus--header--background-color); background-color: var(--numerus--header--background-color);
position: fixed; position: fixed;
top: 0; top: 0;
@ -426,7 +426,7 @@ fieldset {
mix-blend-mode: multiply; mix-blend-mode: multiply;
} }
#profilemenu ul { #profile-menu ul {
list-style: none; list-style: none;
position: absolute; position: absolute;
right: -1.875em; right: -1.875em;
@ -435,11 +435,11 @@ fieldset {
z-index: 20; z-index: 20;
} }
#profilemenu li + li { #profile-menu li + li {
border-top: 1px solid var(--numerus--color--black); border-top: 1px solid var(--numerus--color--black);
} }
#profilemenu button, #profilemenu a { #profile-menu button, #profile-menu a {
font-size: 2rem; font-size: 2rem;
font-style: italic; font-style: italic;
height: 8rem; height: 8rem;
@ -453,15 +453,15 @@ fieldset {
text-transform: initial; text-transform: initial;
} }
#profilemenu li i[class^='ri-'] { #profile-menu li i[class^='ri-'] {
margin-right: 2rem; margin-right: 2rem;
color: var(--numerus--color--dark-gray); color: var(--numerus--color--dark-gray);
} }
#profilemenu summary:hover #profile-menu summary:hover
, #profilemenu summary:focus , #profile-menu summary:focus
, #profilemenu button:hover , #profile-menu button:hover
, #profilemenu a:hover , #profile-menu a:hover
, nav a:hover , nav a:hover
{ {
background-color: var(--numerus--color--light-gray); background-color: var(--numerus--color--light-gray);

View File

@ -9,7 +9,7 @@
<body> <body>
<header> <header>
<h1><img src="/static/numerus.svg" alt="Numerus" width="261" height="33"></h1> <h1><img src="/static/numerus.svg" alt="Numerus" width="261" height="33"></h1>
<details id="profilemenu"> <details id="profile-menu">
<summary> <summary>
<i class="ri-eye-close-line ri-3x"></i> <i class="ri-eye-close-line ri-3x"></i>
</summary> </summary>