[CSS][Assets] Minified header icons. Reverted footer links position due to Firefox's corageous interpretation of a fixed element's position.

This commit is contained in:
Eliseu Amaro 2021-08-11 20:45:59 +00:00 committed by Hugo Sales
parent 5de0704de2
commit df62d7e4f4
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
5 changed files with 28 additions and 24 deletions

View File

@ -92,11 +92,6 @@
} }
.panel aside .footer { .panel aside .footer {
display: inline-block;
position: fixed;
max-width: 20%;
bottom: var(--unit-size); bottom: var(--unit-size);
left: var(--unit-size); left: var(--unit-size);
font-size: var(--small-size); font-size: var(--small-size);
@ -177,27 +172,33 @@
.note-info { .note-info {
display: flex; display: flex;
justify-content: space-between;
vertical-align: middle;
border-radius: var(--unit-size); border-radius: var(--unit-size);
box-sizing: border-box; box-sizing: border-box;
background-color: var(--translucent); background-color: var(--translucent);
font-size: var(--main-size); font-size: var(--medium-size);
padding: 4px; padding: 4px;
} }
.note-info .avatar { .note-info .avatar {
width: auto; width: auto;
height: var(--main-size); height: var(--medium-size);
} }
/* TODO: icons */ /* TODO: icons */
.note-actions { .note-actions {
display: block; display: flex;
vertical-align: middle;
}
.favourite-button-container {
width: var(--medium-size) !important;
height: var(--medium-size) !important;
} }
.favourite-button-container button { .favourite-button-container button {
width: 1em !important; width: inherit !important;
height: 1em !important; height: inherit !important;
border: unset !important; border: unset !important;
padding: unset !important; padding: unset !important;
mask-image: url("../icons/heart.svg") !important; mask-image: url("../icons/heart.svg") !important;

View File

@ -1,4 +1,6 @@
<svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="{{ iconClass|default('') }}">
<title>{{ config('site', 'name') }}</title> <title>
<path d="M14.225 29.263c1.48-0.748 2.909-2.155 3.451-3.398 0.827-1.893 1.068-1.818-5.781-1.818-6.744 0-7.349-0.115-8.593-1.628-0.61-0.742-0.633-1.086-0.633-9.456 0-8.422 0.020-8.713 0.651-9.562 1.2-1.613 1.699-1.679 12.7-1.679 11.005 0 11.456 0.062 12.71 1.748 0.566 0.761 0.6 1.3 0.6 9.493 0 8.37-0.023 8.715-0.633 9.456-0.909 1.105-2.149 1.628-3.864 1.628-1.331 0-1.517 0.078-1.681 0.703-0.249 0.95-1.56 2.395-2.912 3.212-1.363 0.823-4.873 1.889-6.166 1.871l-0.953-0.013zM19.7 20.572c1.193-0.547 2.345-2.309 2.627-4.017 0.135-0.818 0.175-1.554 0.090-1.636-0.308-0.294-5.508-0.153-5.508 0.15 0 0.165-0.186 1.211 0.050 1.752 0.31 0.711 1.031 0.333 1.608 0.408 0.496 0.065 0.767 0.336 0.352 0.875-0.364 0.472-0.79 0.578-2.292 0.57-1.599-0.009-2.145-0.173-2.784-0.735-0.708-0.623-0.728-1.11-0.826-3.188-0.133-2.808 0.201-3.318 2.359-3.602 1.79-0.236 3.638 0.109 4.14 1.164 0.299 0.628 0.194 0.74 1.31 0.74 1.54 0 1.643-0.426 1.047-1.992-0.385-1.013-0.726-0.77-0.284-1.661 0.764-1.541 0.606-2.617-0.564-3.839-1.151-1.202-1.664-1.118-1.102 0.18 0.202 0.466 0.322 1.221 0.268 1.676-0.077 0.645-0.273 0.848-0.882 0.916-0.436 0.049-0.956-0.112-1.173-0.362-0.449-0.518-1.263-0.587-1.724-0.146-0.221 0.212-0.56 0.198-1.12-0.046-0.676-0.295-0.894-0.27-1.384 0.154-0.32 0.277-0.9 0.461-1.289 0.408-0.624-0.085-0.705-0.249-0.69-1.4 0.009-0.718 0.126-1.533 0.26-1.812 0.413-0.864-0.597-0.598-1.462 0.385-0.91 1.034-1.070 2.938-0.332 3.946 0.407 0.556 0.083 0.645-0.145 1.877-1.099 5.937 0.040 8.144 3.019 9.304 1.949 0.759 4.694 0.73 6.434-0.068z"></path> {{ config('site', 'name') }}
</title>
<path d="M14.225 29.263c1.48-.748 2.909-2.155 3.451-3.398.827-1.893 1.068-1.818-5.781-1.818-6.744 0-7.349-.115-8.593-1.628-.61-.742-.633-1.086-.633-9.456 0-8.422.02-8.713.651-9.562 1.2-1.613 1.699-1.679 12.7-1.679 11.005 0 11.456.062 12.71 1.748.566.761.6 1.3.6 9.493 0 8.37-.023 8.715-.633 9.456-.909 1.105-2.149 1.628-3.864 1.628-1.331 0-1.517.078-1.681.703-.249.95-1.56 2.395-2.912 3.212-1.363.823-4.873 1.889-6.166 1.871l-.953-.013zm5.475-8.691c1.193-.547 2.345-2.309 2.627-4.017.135-.818.175-1.554.09-1.636-.308-.294-5.508-.153-5.508.15 0 .165-.186 1.211.05 1.752.31.711 1.031.333 1.608.408.496.065.767.336.352.875-.364.472-.79.578-2.292.57-1.599-.009-2.145-.173-2.784-.735-.708-.623-.728-1.11-.826-3.188-.133-2.808.201-3.318 2.359-3.602 1.79-.236 3.638.109 4.14 1.164.299.628.194.74 1.31.74 1.54 0 1.643-.426 1.047-1.992-.385-1.013-.726-.77-.284-1.661.764-1.541.606-2.617-.564-3.839-1.151-1.202-1.664-1.118-1.102.18.202.466.322 1.221.268 1.676-.077.645-.273.848-.882.916-.436.049-.956-.112-1.173-.362-.449-.518-1.263-.587-1.724-.146-.221.212-.56.198-1.12-.046-.676-.295-.894-.27-1.384.154-.32.277-.9.461-1.289.408-.624-.085-.705-.249-.69-1.4.009-.718.126-1.533.26-1.812.413-.864-.597-.598-1.462.385-.91 1.034-1.07 2.938-.332 3.946.407.556.083.645-.145 1.877-1.099 5.937.04 8.144 3.019 9.304 1.949.759 4.694.73 6.434-.068z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -1,6 +1,4 @@
<svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <svg class="{{ iconClass|default('') }}" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<title>menu</title> <title>Open left sidepanel.</title>
<path d="M2.222 12.6h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path> <path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"/>
<path d="M2.222 21.787h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path>
<path d="M2.222 3.414h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 728 B

After

Width:  |  Height:  |  Size: 368 B

View File

@ -1,6 +1,9 @@
<!-- https://github.com/primer/octicons --> <!-- https://github.com/primer/octicons -->
<!-- MIT License --> <!-- MIT License -->
<svg class="{{ iconClass|default('') }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="{{ iconClass|default('') }}">
<title>Create a note</title> <title>
<path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v9.5C0 13.216.784 14 1.75 14H3v1.543a1.457 1.457 0 002.487 1.03L8.061 14h6.189A1.75 1.75 0 0016 12.25v-9.5A1.75 1.75 0 0014.25 1H1.75zM1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 15.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-9.5z"></path><path d="M22.5 8.75a.25.25 0 00-.25-.25h-3.5a.75.75 0 010-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0122.25 20H21v1.543a1.457 1.457 0 01-2.487 1.03L15.939 20H10.75A1.75 1.75 0 019 18.25v-1.465a.75.75 0 011.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 01.53.22l2.72 2.72v-2.19a.75.75 0 01.75-.75h2a.25.25 0 00.25-.25v-9.5z"></path> Create a note
</title>
<path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v9.5C0 13.216.784 14 1.75 14H3v1.543a1.457 1.457 0 002.487 1.03L8.061 14h6.189A1.75 1.75 0 0016 12.25v-9.5A1.75 1.75 0 0014.25 1H1.75zM1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 15.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-9.5z"/>
<path d="M22.5 8.75a.25.25 0 00-.25-.25h-3.5a.75.75 0 010-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0122.25 20H21v1.543a1.457 1.457 0 01-2.487 1.03L15.939 20H10.75A1.75 1.75 0 019 18.25v-1.465a.75.75 0 011.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 01.53.22l2.72 2.72v-2.19a.75.75 0 01.75-.75h2a.25.25 0 00.25-.25v-9.5z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 928 B

After

Width:  |  Height:  |  Size: 916 B

View File

@ -33,7 +33,7 @@
<div id='header'> <div id='header'>
<details class="panel" id="left-container"> <details class="panel" id="left-container">
<summary tabindex="1"> <summary tabindex="1">
{{ icon('person', 'icon icon-left') | raw }} {{ icon('menu', 'icon icon-left') | raw }}
{{ block("leftpanel", "stdgrid.html.twig") }} {{ block("leftpanel", "stdgrid.html.twig") }}
</summary> </summary>
</details> </details>