Style the reports toolbar icon with a Gin SVG.

This commit is contained in:
Michael Stenta 2021-10-04 08:00:17 -04:00
parent 0defc4d966
commit 6207d09d9d
1 changed files with 6 additions and 0 deletions

View File

@ -33,6 +33,12 @@
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' fill-rule='evenodd' clip-rule='evenodd' d='M12 12.5C15.0376 12.5 17.5 10.0376 17.5 7C17.5 3.96243 15.0376 1.5 12 1.5C8.96243 1.5 6.5 3.96243 6.5 7C6.5 10.0376 8.96243 12.5 12 12.5Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M1.5 22V21C1.5 17.5 7.59563 16 12 16C16.4044 16 22.5 17.5 22.5 21V22' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.5 22C22.5 22 16.1052 22.5 12 22.5C7.89485 22.5 1.5 22 1.5 22' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
/* Reports icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-farm-report::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M5.75 14.5V21.4913C5.75104 21.7589 5.55139 22.0092 5.218 22.1581C4.17743 22.6201 2.82257 22.6201 1.782 22.1581C1.44861 22.0092 1.24896 21.7589 1.25 21.4913V14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M5.75 14.5C5.75 13.6716 4.74264 13 3.5 13C2.25736 13 1.25 13.6716 1.25 14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3V20.985C14.251 21.3863 14.0514 21.7616 13.718 21.985C12.6774 22.6778 11.3226 22.6778 10.282 21.985C9.94861 21.7616 9.74896 21.3863 9.75 20.985V3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3C14.25 2.17157 13.2426 1.5 12 1.5C10.7574 1.5 9.75 2.17157 9.75 3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 8.08579 22.75 9 22.75 9M18.25 7.5C18.25 14.7471 18.25 21.0573 18.25 21.0573C18.249 21.4395 18.4486 21.797 18.782 22.0097C19.8226 22.6696 21.1774 22.6696 22.218 22.0097C22.5514 21.797 22.751 21.4395 22.75 21.0573C22.75 21.0573 22.75 17.7945 22.75 12.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 6.67157 21.7426 6 20.5 6C19.2574 6 18.25 6.67157 18.25 7.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M5.75 14.5V21.4913C5.75104 21.7589 5.55139 22.0092 5.218 22.1581C4.17743 22.6201 2.82257 22.6201 1.782 22.1581C1.44861 22.0092 1.24896 21.7589 1.25 21.4913V14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M5.75 14.5C5.75 13.6716 4.74264 13 3.5 13C2.25736 13 1.25 13.6716 1.25 14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3V20.985C14.251 21.3863 14.0514 21.7616 13.718 21.985C12.6774 22.6778 11.3226 22.6778 10.282 21.985C9.94861 21.7616 9.74896 21.3863 9.75 20.985V3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3C14.25 2.17157 13.2426 1.5 12 1.5C10.7574 1.5 9.75 2.17157 9.75 3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 8.08579 22.75 9 22.75 9M18.25 7.5C18.25 14.7471 18.25 21.0573 18.25 21.0573C18.249 21.4395 18.4486 21.797 18.782 22.0097C19.8226 22.6696 21.1774 22.6696 22.218 22.0097C22.5514 21.797 22.751 21.4395 22.75 21.0573C22.75 21.0573 22.75 17.7945 22.75 12.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 6.67157 21.7426 6 20.5 6C19.2574 6 18.25 6.67157 18.25 7.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
/* Administration icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-system-admin::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");