DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity
demarches-normaliennes/app/assets/stylesheets/icons.scss

203 lines
9.7 KiB
SCSS
Raw Normal View History

Don’t use an `i` tag for icons
2017-10-16 18:29:40 +02:00
.icon {
NewDesign: procedure show add dossier actions
2017-07-11 15:58:31 +02:00
display: inline-block;
Add icons to patron + new icon folder
2017-07-27 16:16:14 +02:00
width: 24px;
height: 24px;
background-size: 24px 24px;
vertical-align: bottom;
NewDesign: procedure show add dossier actions
2017-07-11 15:58:31 +02:00
stylesheet: add a small size for icons
2019-03-13 11:35:40 +01:00
&.small {
width: 16px;
height: 16px;
background-size: 16px 16px;
}
NewDesign: procedure show add dossier actions
2017-07-11 15:58:31 +02:00
&.follow {
background-image: image-url("icons/follow-folder.svg");
}
&.unfollow {
background-image: image-url("icons/unfollow-folder.svg");
}
feat(instructeurs/procedure/dossiers#extend_conservation): add extends duree conservation in action button list, also rewire this action for user [extend by procedure.duree_conservation_dans_ds by default] but force 1.month for instructeur. add new icon for standby based on https://en.wikipedia.org/wiki/Power_symbol
2021-12-03 16:09:51 +01:00
&.standby {
background-image: image-url("icons/standby.svg");
}
NewDesign: procedure show add dossier actions
2017-07-11 15:58:31 +02:00
&.unarchive {
background-image: image-url("icons/unarchive.svg");
}
Add icons to patron + new icon folder
2017-07-27 16:16:14 +02:00
Add new icons for dossier action button
2017-08-29 15:10:58 +02:00
&.edit {
background-image: image-url("icons/edit-folder-blue.svg");
}
Avis Style: replace bubble image tag by the i tag
2017-09-07 10:30:40 +02:00
&.bubble {
background-image: image-url("icons/bubble.svg");
}
Show pieces justificatives in messagerie
2017-09-12 15:27:57 +02:00
images: rename 'attachment' icon to 'attached' This avoids conflicts with the 'attachment' component.
2019-10-22 12:21:16 +02:00
&.attached {
background-image: image-url("icons/attached.svg");
Show pieces justificatives in messagerie
2017-09-12 15:27:57 +02:00
}
Icons: add lock
2017-09-19 17:43:07 +02:00
views: improve the state button - Turn the "accepted" infos into standard dropdown sections - Display the justificatif even if there is no motivation
2019-10-15 12:42:51 +02:00
&.preview {
background-image: image-url("icons/preview.svg");
}
dossiers: allow auto upload of attachments
2020-03-30 15:34:56 +02:00
&.retry {
background-image: image-url("icons/retry.svg");
}
dossier: add download icon to attestation link
2018-09-17 15:06:50 +02:00
&.download {
views: improve the state button - Turn the "accepted" infos into standard dropdown sections - Display the justificatif even if there is no motivation
2019-10-15 12:42:51 +02:00
background-image: image-url("icons/download.svg");
}
Icons: add lock
2017-09-19 17:43:07 +02:00
&.lock {
background-image: image-url("icons/lock.svg");
}
Allow accompagnateurs to print a Dossier
2017-10-05 23:27:02 +02:00
champs: add a "plus" icon to the "Add row" button
2019-10-23 13:17:11 +02:00
&.add {
background-image: image-url("icons/add.svg");
margin-left: -5px;
margin-right: 0px;
}
views: improve the state button - Turn the "accepted" infos into standard dropdown sections - Display the justificatif even if there is no motivation
2019-10-15 12:42:51 +02:00
&.justificatif {
background-image: image-url("icons/justificatif.svg");
}
Allow accompagnateurs to print a Dossier
2017-10-05 23:27:02 +02:00
&.printer {
background-image: image-url("icons/printer.svg");
}
patron: add missing icons
2018-07-09 12:54:58 +02:00
&.account {
background-image: image-url("icons/account-circle.svg");
}
&.super-admin {
background-image: image-url("icons/super-admin.svg");
}
&.mail {
background-image: image-url("icons/mail.svg");
}
messagerie: add a reply button next to the latest message
2019-07-16 12:11:24 +02:00
&.reply {
background-image: image-url("icons/reply.svg");
}
patron: add missing icons
2018-07-09 12:54:58 +02:00
&.search {
background-image: image-url("icons/search-blue.svg");
}
&.sign-out {
background-image: image-url("icons/sign-out.svg");
}
assets: add the info icon
2018-07-11 17:10:56 +02:00
&.info {
background-image: image-url("icons/info-blue.svg");
object-fit: contain;
}
add a user satisfaction form'
2018-08-08 17:37:41 +02:00
stylesheet: add help, phone and clock icons
2019-03-13 16:49:13 +01:00
&.help {
background-image: image-url("icons/help.svg");
}
&.phone {
background-image: image-url("icons/phone.svg");
}
&.clock {
background-image: image-url("icons/clock.svg");
}
add a user satisfaction form'
2018-08-08 17:37:41 +02:00
&.smile {
background-image: image-url("icons/smile-regular.svg");
}
&.frown {
background-image: image-url("icons/frown-regular.svg");
}
&.meh {
background-image: image-url("icons/meh-regular.svg");
}
[Fix #2423] Allow Usager to delete brouillon from dossiers#index
2019-01-16 15:34:38 +01:00
Changements sur le caractère obligatoire / facultatif et l'asterisque interface usager et page de connexion
2023-05-15 14:54:07 +02:00
&.mandatory {
width: 10px;
}
NewDesign: procedure show add dossier actions
2017-07-11 15:58:31 +02:00
}
style: replace new-folder icon with remix/dsfr icon
2023-11-27 14:51:39 +01:00
// How to add a new remix icon and work with DSFR markup:
// 1. Find it on https://remixicon.com/
// 2. Take its DataURL (copy the url background-image value).
// 2b. No need to download the file !
style: replace without-continuation legacy icon
2023-11-28 14:12:14 +01:00
// 3. Follow the first example : create the class then add the mask-image property with data url you copied
// 4. Keep this list alphabetic :)
style: replace new-folder icon with remix/dsfr icon
2023-11-27 14:51:39 +01:00
.fr-icon {
fix(icons): fix remix icons on non latest chrome
2023-12-06 14:00:22 +01:00
// scss-lint:disable VendorPrefix
style(attestation): add missing remix icons
2023-12-19 11:49:55 +01:00
&-align-center {
&:before,
&:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4H21V6H3V4ZM5 19H19V21H5V19ZM3 14H21V16H3V14ZM5 9H19V11H5V9Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4H21V6H3V4ZM5 19H19V21H5V19ZM3 14H21V16H3V14ZM5 9H19V11H5V9Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}
}
&-align-right {
&:before,
&:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4H21V6H3V4ZM7 19H21V21H7V19ZM3 14H21V16H3V14ZM7 9H21V11H7V9Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4H21V6H3V4ZM7 19H21V21H7V19ZM3 14H21V16H3V14ZM7 9H21V11H7V9Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}
}
style: replace without-continuation legacy icon
2023-11-28 14:12:14 +01:00
&-calendar-close-fill {
&:before,
&:after {
fix(icons): fix remix icons on non latest chrome
2023-12-06 14:00:22 +01:00
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3V1H7V3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3H17V1H15V3H9ZM4 8H20V19H4V8ZM9.87852 9.9643L11.9999 12.0858L14.1211 9.96432L15.5354 11.3785L13.4141 13.5L15.5353 15.6211L14.1212 17.0354L11.9999 14.9142L9.87845 17.0354L8.46432 15.6211L10.5856 13.5L8.46426 11.3785L9.87852 9.9643Z'%3E%3C/path%3E%3C/svg%3E");
style: replace without-continuation legacy icon
2023-11-28 14:12:14 +01:00
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3V1H7V3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3H17V1H15V3H9ZM4 8H20V19H4V8ZM9.87852 9.9643L11.9999 12.0858L14.1211 9.96432L15.5354 11.3785L13.4141 13.5L15.5353 15.6211L14.1212 17.0354L11.9999 14.9142L9.87845 17.0354L8.46432 15.6211L10.5856 13.5L8.46426 11.3785L9.87852 9.9643Z'%3E%3C/path%3E%3C/svg%3E");
}
}
feat(gallery): display pieces jointes in a gallery
2024-04-08 10:23:07 +02:00
&-eye {
&:before,
&:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z'%3E%3C/path%3E%3C/svg%3E");
}
}
style: replace new-folder icon with remix/dsfr icon
2023-11-27 14:51:39 +01:00
&-file-copy-line {
style: replace without-continuation legacy icon
2023-11-28 14:12:14 +01:00
&:before,
&:after {
fix(icons): fix remix icons on non latest chrome
2023-12-06 14:00:22 +01:00
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z'%3E%3C/path%3E%3C/svg%3E");
style: replace new-folder icon with remix/dsfr icon
2023-11-27 14:51:39 +01:00
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z'%3E%3C/path%3E%3C/svg%3E");
}
}
style: replace legacy archive icon
2023-11-28 13:05:42 +01:00
style: replace without-continuation legacy icon
2023-11-28 14:12:14 +01:00
&-intermediate-circle-fill {
&:before,
&:after {
fix(icons): fix remix icons on non latest chrome
2023-12-06 14:00:22 +01:00
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM7 11V13H17V11H7Z'%3E%3C/path%3E%3C/svg%3E");
style: replace without-continuation legacy icon
2023-11-28 14:12:14 +01:00
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM7 11V13H17V11H7Z'%3E%3C/path%3E%3C/svg%3E");
style: replace legacy archive icon
2023-11-28 13:05:42 +01:00
}
}
refactor(UI api token): add more information to api token list - network filtering - validity - last used remove creation logic
2024-01-17 10:44:09 +01:00
&-key-line {
&:before,
&:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.917 13C12.441 15.8377 9.973 18 7 18C3.68629 18 1 15.3137 1 12C1 8.68629 3.68629 6 7 6C9.973 6 12.441 8.16229 12.917 11H23V13H21V17H19V13H17V17H15V13H12.917ZM7 16C9.20914 16 11 14.2091 11 12C11 9.79086 9.20914 8 7 8C4.79086 8 3 9.79086 3 12C3 14.2091 4.79086 16 7 16Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.917 13C12.441 15.8377 9.973 18 7 18C3.68629 18 1 15.3137 1 12C1 8.68629 3.68629 6 7 6C9.973 6 12.441 8.16229 12.917 11H23V13H21V17H19V13H17V17H15V13H12.917ZM7 16C9.20914 16 11 14.2091 11 12C11 9.79086 9.20914 8 7 8C4.79086 8 3 9.79086 3 12C3 14.2091 4.79086 16 7 16Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}
}
style(attestation): add missing remix icons
2023-12-19 11:49:55 +01:00
&-underline {
&:before,
&:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V3H18V12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12V3H8ZM4 20H20V22H4V20Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V3H18V12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12V3H8ZM4 20H20V22H4V20Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}
}
fix(icons): fix remix icons on non latest chrome
2023-12-06 14:00:22 +01:00
// scss-lint:enable VendorPrefix
style: replace new-folder icon with remix/dsfr icon
2023-11-27 14:51:39 +01:00
}
Reference in a new issue Copy permalink