[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:
parent
5de0704de2
commit
df62d7e4f4
GPG Key ID:
7D0C7EAFC9D835A0
@ -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;
|
||||||
|
|||||||
@ -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 |
@ -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 |
@ -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 |
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user