Merge pull request #358 from uxbox/560/gradients

560/gradients
This commit is contained in:
Andrey Antukh 2020-10-16 11:47:11 +02:00 committed by GitHub
commit 567e177699
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
60 changed files with 2310 additions and 1377 deletions

View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" height="500" width="500"><path d="M24.7-.203C11.421-.203.001 11.217.001 24.494v451.012c0 13.277 11.417 24.695 24.691 24.697h450.608c13.28 0 24.697-11.42 24.697-24.697V24.494c0-13.276-11.42-24.697-24.697-24.697H24.699zm4.142 31.35h442.316v437.707H28.842V31.146z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<path d="M24.7-.203C11.421-.203.001 11.217.001 24.494v451.012c0 13.277 11.417 24.695 24.691 24.697H475.3c13.28 0 24.697-11.42 24.697-24.697V24.494c0-13.276-11.42-24.697-24.697-24.697H24.699zm12.142 39.35h426.316v421.707H36.842V39.146z"/>
</svg>

Before

Width:  |  Height:  |  Size: 332 B

After

Width:  |  Height:  |  Size: 310 B

Before After
Before After

View file

@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
<path fill="#fff" d="M.607 13.076v2.401l2.224.025 7.86-7.405s-.05-.885-.253-1.087c-.202-.202-2.25-1.744-2.25-1.744z"/>
<path fill="#000" d="M.343 15.974a.514.514 0 01-.317-.321c-.023-.07-.026-.23-.026-1.43 0-1.468-.001-1.445.09-1.586.02-.032 1.703-1.724 3.74-3.759a596.805 596.805 0 003.7-3.716c0-.009-.367-.384-.816-.833a29.9 29.9 0 01-.817-.833c0-.01.474-.49 1.054-1.07l1.053-1.053.948.946.947.947 1.417-1.413C12.366.806 12.765.418 12.856.357c.238-.161.52-.28.792-.334.17-.034.586-.03.76.008.801.173 1.41.794 1.57 1.603.03.15.03.569 0 .718a2.227 2.227 0 01-.334.793c-.061.09-.45.49-1.496 1.54L12.734 6.1l.947.948.947.947-1.053 1.054c-.58.58-1.061 1.054-1.07 1.054-.01 0-.384-.368-.833-.817-.45-.45-.824-.817-.834-.817-.009 0-1.68 1.666-3.716 3.701a493.093 493.093 0 01-3.759 3.74c-.14.091-.117.09-1.59.089-1.187 0-1.366-.004-1.43-.027zm6.024-4.633a592.723 592.723 0 003.663-3.68c0-.02-1.67-1.69-1.69-1.69-.01 0-1.666 1.648-3.68 3.663L.996 13.297v.834c0 .627.005.839.02.854.015.014.227.02.854.02h.833l3.664-3.664z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 981 B

Before After
Before After

View file

@ -18,7 +18,7 @@
}
},
"auth.create-demo-profile" : {
"used-in" : [ "src/app/main/ui/auth/register.cljs:133", "src/app/main/ui/auth/register.cljs:136", "src/app/main/ui/auth/login.cljs:144", "src/app/main/ui/auth/login.cljs:147" ],
"used-in" : [ "src/app/main/ui/auth/login.cljs:144", "src/app/main/ui/auth/login.cljs:147", "src/app/main/ui/auth/register.cljs:133", "src/app/main/ui/auth/register.cljs:136" ],
"translations" : {
"en" : "Just wanna try it?",
"fr" : "Vous voulez juste essayer?",
@ -36,7 +36,7 @@
}
},
"auth.email" : {
"used-in" : [ "src/app/main/ui/auth/register.cljs:101", "src/app/main/ui/auth/recovery_request.cljs:47", "src/app/main/ui/auth/login.cljs:92" ],
"used-in" : [ "src/app/main/ui/auth/login.cljs:92", "src/app/main/ui/auth/register.cljs:101", "src/app/main/ui/auth/recovery_request.cljs:47" ],
"translations" : {
"en" : "Email",
"fr" : "Adresse email",
@ -177,7 +177,7 @@
}
},
"auth.password" : {
"used-in" : [ "src/app/main/ui/auth/register.cljs:106", "src/app/main/ui/auth/login.cljs:99" ],
"used-in" : [ "src/app/main/ui/auth/login.cljs:99", "src/app/main/ui/auth/register.cljs:106" ],
"translations" : {
"en" : "Password",
"fr" : "Mot de passe",
@ -276,7 +276,7 @@
}
},
"dashboard.add-shared" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:221", "src/app/main/ui/dashboard/grid.cljs:177" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:224", "src/app/main/ui/dashboard/grid.cljs:180" ],
"translations" : {
"en" : "Add as Shared Library",
"fr" : "",
@ -322,7 +322,7 @@
}
},
"dashboard.empty-files" : {
"used-in" : [ "src/app/main/ui/dashboard/grid.cljs:184" ],
"used-in" : [ "src/app/main/ui/dashboard/grid.cljs:187" ],
"translations" : {
"en" : "You still have no files here",
"fr" : "Vous n'avez encore aucun fichier ici",
@ -533,7 +533,7 @@
}
},
"dashboard.remove-shared" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:219", "src/app/main/ui/dashboard/grid.cljs:176" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:222", "src/app/main/ui/dashboard/grid.cljs:179" ],
"translations" : {
"en" : "Remove as Shared Library",
"fr" : "",
@ -578,7 +578,7 @@
}
},
"dashboard.show-all-files" : {
"used-in" : [ "src/app/main/ui/dashboard/grid.cljs:246" ],
"used-in" : [ "src/app/main/ui/dashboard/grid.cljs:249" ],
"translations" : {
"en" : "Show all files",
"es" : "Ver todos los ficheros"
@ -636,7 +636,7 @@
}
},
"dashboard.update-settings" : {
"used-in" : [ "src/app/main/ui/settings/profile.cljs:80", "src/app/main/ui/settings/password.cljs:96", "src/app/main/ui/settings/options.cljs:72" ],
"used-in" : [ "src/app/main/ui/settings/options.cljs:72", "src/app/main/ui/settings/profile.cljs:80", "src/app/main/ui/settings/password.cljs:96" ],
"translations" : {
"en" : "Update settings",
"fr" : "Mettre à jour les paramètres",
@ -645,7 +645,7 @@
}
},
"dashboard.your-account-title" : {
"used-in" : [ "src/app/main/ui/settings.cljs:28" ],
"used-in" : [ "src/app/main/ui/settings.cljs:29" ],
"translations" : {
"en" : "Your account",
"es" : "Su cuenta"
@ -712,7 +712,7 @@
"unused" : true
},
"ds.confirm-cancel" : {
"used-in" : [ "src/app/main/ui/confirm.cljs:28" ],
"used-in" : [ "src/app/main/ui/confirm.cljs:36" ],
"translations" : {
"en" : "Cancel",
"fr" : "Annuler",
@ -721,7 +721,7 @@
}
},
"ds.confirm-ok" : {
"used-in" : [ "src/app/main/ui/confirm.cljs:29" ],
"used-in" : [ "src/app/main/ui/confirm.cljs:37" ],
"translations" : {
"en" : "Ok",
"fr" : "Ok",
@ -730,7 +730,7 @@
}
},
"ds.confirm-title" : {
"used-in" : [ "src/app/main/ui/confirm.cljs:27", "src/app/main/ui/confirm.cljs:30" ],
"used-in" : [ "src/app/main/ui/confirm.cljs:35", "src/app/main/ui/confirm.cljs:39" ],
"translations" : {
"en" : "Are you sure?",
"fr" : "Êtes-vous sûr?",
@ -757,7 +757,7 @@
}
},
"errors.email-already-exists" : {
"used-in" : [ "src/app/main/ui/auth/verify_token.cljs:80", "src/app/main/ui/settings/change_email.cljs:47" ],
"used-in" : [ "src/app/main/ui/settings/change_email.cljs:47", "src/app/main/ui/auth/verify_token.cljs:80" ],
"translations" : {
"en" : "Email already used",
"fr" : "Adresse e-mail déjà utilisée",
@ -784,7 +784,7 @@
}
},
"errors.generic" : {
"used-in" : [ "src/app/main/ui/auth/verify_token.cljs:89", "src/app/main/ui/settings/profile.cljs:40", "src/app/main/ui/settings/options.cljs:32" ],
"used-in" : [ "src/app/main/ui/settings/options.cljs:32", "src/app/main/ui/settings/profile.cljs:40", "src/app/main/ui/auth/verify_token.cljs:89" ],
"translations" : {
"en" : "Something wrong has happened.",
"fr" : "Quelque chose c'est mal passé.",
@ -811,7 +811,7 @@
}
},
"errors.media-type-mismatch" : {
"used-in" : [ "src/app/main/data/workspace/persistence.cljs:413", "src/app/main/data/media.cljs:61" ],
"used-in" : [ "src/app/main/data/media.cljs:61", "src/app/main/data/workspace/persistence.cljs:413" ],
"translations" : {
"en" : "Seems that the contents of the image does not match the file extension.",
"fr" : "",
@ -820,7 +820,7 @@
}
},
"errors.media-type-not-allowed" : {
"used-in" : [ "src/app/main/data/workspace/persistence.cljs:410", "src/app/main/data/media.cljs:58" ],
"used-in" : [ "src/app/main/data/media.cljs:58", "src/app/main/data/workspace/persistence.cljs:410" ],
"translations" : {
"en" : "Seems that this is not a valid image.",
"fr" : "",
@ -865,7 +865,7 @@
}
},
"errors.unexpected-error" : {
"used-in" : [ "src/app/main/data/media.cljs:64", "src/app/main/ui/workspace/sidebar/options/exports.cljs:66", "src/app/main/ui/auth/register.cljs:45" ],
"used-in" : [ "src/app/main/data/media.cljs:64", "src/app/main/ui/auth/register.cljs:45", "src/app/main/ui/workspace/sidebar/options/exports.cljs:66" ],
"translations" : {
"en" : "An unexpected error occurred.",
"fr" : "Une erreur inattendue c'est produite",
@ -931,7 +931,7 @@
}
},
"labels.delete" : {
"used-in" : [ "src/app/main/ui/dashboard/grid.cljs:174", "src/app/main/ui/dashboard/files.cljs:85" ],
"used-in" : [ "src/app/main/ui/dashboard/files.cljs:85", "src/app/main/ui/dashboard/grid.cljs:177" ],
"translations" : {
"en" : "Delete",
"fr" : "Supprimer",
@ -973,7 +973,7 @@
}
},
"labels.logout" : {
"used-in" : [ "src/app/main/ui/settings.cljs:30", "src/app/main/ui/dashboard/sidebar.cljs:459" ],
"used-in" : [ "src/app/main/ui/settings.cljs:31", "src/app/main/ui/dashboard/sidebar.cljs:459" ],
"translations" : {
"en" : "Logout",
"fr" : "Quitter",
@ -982,7 +982,7 @@
}
},
"labels.members" : {
"used-in" : [ "src/app/main/ui/dashboard/team.cljs:59", "src/app/main/ui/dashboard/team.cljs:63", "src/app/main/ui/dashboard/sidebar.cljs:295" ],
"used-in" : [ "src/app/main/ui/dashboard/sidebar.cljs:295", "src/app/main/ui/dashboard/team.cljs:59", "src/app/main/ui/dashboard/team.cljs:63" ],
"translations" : {
"en" : "Members"
}
@ -1064,7 +1064,7 @@
}
},
"labels.rename" : {
"used-in" : [ "src/app/main/ui/dashboard/grid.cljs:173", "src/app/main/ui/dashboard/sidebar.cljs:298", "src/app/main/ui/dashboard/files.cljs:84" ],
"used-in" : [ "src/app/main/ui/dashboard/sidebar.cljs:298", "src/app/main/ui/dashboard/files.cljs:84", "src/app/main/ui/dashboard/grid.cljs:176" ],
"translations" : {
"en" : "Rename",
"es" : "Renombrar"
@ -1077,7 +1077,7 @@
}
},
"labels.settings" : {
"used-in" : [ "src/app/main/ui/settings/sidebar.cljs:80", "src/app/main/ui/dashboard/team.cljs:65", "src/app/main/ui/dashboard/sidebar.cljs:296" ],
"used-in" : [ "src/app/main/ui/settings/sidebar.cljs:80", "src/app/main/ui/dashboard/sidebar.cljs:296", "src/app/main/ui/dashboard/team.cljs:65" ],
"translations" : {
"en" : "Settings",
"fr" : "Settings",
@ -1111,7 +1111,7 @@
}
},
"media.loading" : {
"used-in" : [ "src/app/main/data/workspace/persistence.cljs:394", "src/app/main/data/media.cljs:43" ],
"used-in" : [ "src/app/main/data/media.cljs:43", "src/app/main/data/workspace/persistence.cljs:394" ],
"translations" : {
"en" : "Loading image...",
"fr" : "Chargement de l'image...",
@ -1129,7 +1129,7 @@
"unused" : true
},
"modals.add-shared-confirm.accept" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:113", "src/app/main/ui/dashboard/grid.cljs:115" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:114", "src/app/main/ui/dashboard/grid.cljs:116" ],
"translations" : {
"en" : "Add as Shared Library",
"fr" : "",
@ -1147,7 +1147,7 @@
}
},
"modals.add-shared-confirm.message" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:110", "src/app/main/ui/dashboard/grid.cljs:112" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:111", "src/app/main/ui/dashboard/grid.cljs:113" ],
"translations" : {
"en" : "Add “%s” as Shared Library",
"fr" : "",
@ -1381,7 +1381,7 @@
}
},
"modals.remove-shared-confirm.accept" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:124", "src/app/main/ui/dashboard/grid.cljs:129" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:127", "src/app/main/ui/dashboard/grid.cljs:132" ],
"translations" : {
"en" : "Remove as Shared Library",
"fr" : "",
@ -1390,7 +1390,7 @@
}
},
"modals.remove-shared-confirm.hint" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:123", "src/app/main/ui/dashboard/grid.cljs:128" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:125", "src/app/main/ui/dashboard/grid.cljs:130" ],
"translations" : {
"en" : "Once removed as Shared Library, the File Library of this file will stop being available to be used among the rest of your files.",
"fr" : "",
@ -1399,7 +1399,7 @@
}
},
"modals.remove-shared-confirm.message" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:122", "src/app/main/ui/dashboard/grid.cljs:127" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:124", "src/app/main/ui/dashboard/grid.cljs:129" ],
"translations" : {
"en" : "Remove “%s” as Shared Library",
"fr" : "",
@ -1417,7 +1417,7 @@
}
},
"notifications.profile-saved" : {
"used-in" : [ "src/app/main/ui/settings/profile.cljs:36", "src/app/main/ui/settings/options.cljs:36" ],
"used-in" : [ "src/app/main/ui/settings/options.cljs:36", "src/app/main/ui/settings/profile.cljs:36" ],
"translations" : {
"en" : "Profile saved successfully!",
"fr" : "Profil enregistré avec succès!",
@ -1426,7 +1426,7 @@
}
},
"notifications.validation-email-sent" : {
"used-in" : [ "src/app/main/ui/auth/register.cljs:54", "src/app/main/ui/settings/change_email.cljs:56" ],
"used-in" : [ "src/app/main/ui/settings/change_email.cljs:56", "src/app/main/ui/auth/register.cljs:54" ],
"translations" : {
"en" : "Verification email sent to %s; check your email!"
}
@ -1441,7 +1441,7 @@
}
},
"settings.multiple" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:156", "src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs:136", "src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs:145", "src/app/main/ui/workspace/sidebar/options/typography.cljs:99", "src/app/main/ui/workspace/sidebar/options/typography.cljs:149", "src/app/main/ui/workspace/sidebar/options/typography.cljs:162" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs:153", "src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs:163", "src/app/main/ui/workspace/sidebar/options/typography.cljs:99", "src/app/main/ui/workspace/sidebar/options/typography.cljs:149", "src/app/main/ui/workspace/sidebar/options/typography.cljs:162", "src/app/main/ui/workspace/sidebar/options/stroke.cljs:156" ],
"translations" : {
"en" : "Mixed",
"fr" : null,
@ -1666,7 +1666,7 @@
}
},
"workspace.assets.assets" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:615" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:629" ],
"translations" : {
"en" : "Assets",
"fr" : "",
@ -1675,7 +1675,7 @@
}
},
"workspace.assets.box-filter-all" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:635" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:649" ],
"translations" : {
"en" : "All assets",
"fr" : "",
@ -1702,7 +1702,7 @@
"unused" : true
},
"workspace.assets.colors" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:320", "src/app/main/ui/workspace/sidebar/assets.cljs:638" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:329", "src/app/main/ui/workspace/sidebar/assets.cljs:652" ],
"translations" : {
"en" : "Colors",
"fr" : "",
@ -1711,7 +1711,7 @@
}
},
"workspace.assets.components" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:82", "src/app/main/ui/workspace/sidebar/assets.cljs:636" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:83", "src/app/main/ui/workspace/sidebar/assets.cljs:650" ],
"translations" : {
"en" : "Components",
"fr" : "",
@ -1720,7 +1720,7 @@
}
},
"workspace.assets.delete" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:102", "src/app/main/ui/workspace/sidebar/assets.cljs:190", "src/app/main/ui/workspace/sidebar/assets.cljs:296", "src/app/main/ui/workspace/sidebar/assets.cljs:419" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:103", "src/app/main/ui/workspace/sidebar/assets.cljs:191", "src/app/main/ui/workspace/sidebar/assets.cljs:305", "src/app/main/ui/workspace/sidebar/assets.cljs:433" ],
"translations" : {
"en" : "Delete",
"fr" : "",
@ -1729,7 +1729,7 @@
}
},
"workspace.assets.edit" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:295", "src/app/main/ui/workspace/sidebar/assets.cljs:418" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:304", "src/app/main/ui/workspace/sidebar/assets.cljs:432" ],
"translations" : {
"en" : "Edit",
"fr" : "",
@ -1738,7 +1738,7 @@
}
},
"workspace.assets.file-library" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:518" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:532" ],
"translations" : {
"en" : "File library",
"fr" : "",
@ -1747,7 +1747,7 @@
}
},
"workspace.assets.graphics" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:163", "src/app/main/ui/workspace/sidebar/assets.cljs:637" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:164", "src/app/main/ui/workspace/sidebar/assets.cljs:651" ],
"translations" : {
"en" : "Graphics",
"fr" : "",
@ -1756,7 +1756,7 @@
}
},
"workspace.assets.libraries" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:618" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:632" ],
"translations" : {
"en" : "Libraries",
"fr" : "",
@ -1765,7 +1765,7 @@
}
},
"workspace.assets.not-found" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:579" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:593" ],
"translations" : {
"en" : "No assets found",
"fr" : "",
@ -1774,7 +1774,7 @@
}
},
"workspace.assets.rename" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:294", "src/app/main/ui/workspace/sidebar/assets.cljs:417" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:303", "src/app/main/ui/workspace/sidebar/assets.cljs:431" ],
"translations" : {
"en" : "Rename",
"fr" : "",
@ -1783,7 +1783,7 @@
}
},
"workspace.assets.search" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:622" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:636" ],
"translations" : {
"en" : "Search assets",
"fr" : "",
@ -1792,7 +1792,7 @@
}
},
"workspace.assets.shared" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:520" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:534" ],
"translations" : {
"en" : "SHARED",
"fr" : "",
@ -1801,7 +1801,7 @@
}
},
"workspace.assets.typography" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:406", "src/app/main/ui/workspace/sidebar/assets.cljs:639" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/assets.cljs:420", "src/app/main/ui/workspace/sidebar/assets.cljs:653" ],
"translations" : {
"en" : "Typographies"
}
@ -1854,8 +1854,20 @@
"en" : "Text Transform"
}
},
"workspace.gradients.linear" : {
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:39", "src/app/main/ui/components/color_bullet.cljs:30" ],
"translations" : {
"en" : "Linear gradient"
}
},
"workspace.gradients.radial" : {
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:40", "src/app/main/ui/components/color_bullet.cljs:31" ],
"translations" : {
"en" : "Radial gradient"
}
},
"workspace.header.menu.disable-dynamic-alignment" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:213" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:216" ],
"translations" : {
"en" : "Disable dynamic alignment",
"fr" : "Désactiver l'alignement dynamique",
@ -1864,7 +1876,7 @@
}
},
"workspace.header.menu.disable-snap-grid" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:185" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:188" ],
"translations" : {
"en" : "Disable snap to grid",
"fr" : "Désactiver l'alignement sur la grille",
@ -1873,7 +1885,7 @@
}
},
"workspace.header.menu.enable-dynamic-alignment" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:214" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:217" ],
"translations" : {
"en" : "Enable dynamic aligment",
"fr" : "Activer l'alignement dynamique",
@ -1882,7 +1894,7 @@
}
},
"workspace.header.menu.enable-snap-grid" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:186" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:189" ],
"translations" : {
"en" : "Snap to grid",
"fr" : "Aligner sur la grille",
@ -1891,7 +1903,7 @@
}
},
"workspace.header.menu.hide-assets" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:206" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:209" ],
"translations" : {
"en" : "Hide assets",
"fr" : "",
@ -1900,7 +1912,7 @@
}
},
"workspace.header.menu.hide-grid" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:178" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:181" ],
"translations" : {
"en" : "Hide grids",
"fr" : "Masquer la grille",
@ -1909,7 +1921,7 @@
}
},
"workspace.header.menu.hide-layers" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:192" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:195" ],
"translations" : {
"en" : "Hide layers",
"fr" : "Masquer les couches",
@ -1918,7 +1930,7 @@
}
},
"workspace.header.menu.hide-palette" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:199" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:202" ],
"translations" : {
"en" : "Hide color palette",
"fr" : "Masquer la palette de couleurs",
@ -1927,7 +1939,7 @@
}
},
"workspace.header.menu.hide-rules" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:171" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:174" ],
"translations" : {
"en" : "Hide rules",
"fr" : "Masquer les règles",
@ -1936,7 +1948,7 @@
}
},
"workspace.header.menu.show-assets" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:207" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:210" ],
"translations" : {
"en" : "Show assets",
"fr" : "",
@ -1945,7 +1957,7 @@
}
},
"workspace.header.menu.show-grid" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:179" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:182" ],
"translations" : {
"en" : "Show grid",
"fr" : "Montrer la grille",
@ -1954,7 +1966,7 @@
}
},
"workspace.header.menu.show-layers" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:193" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:196" ],
"translations" : {
"en" : "Show layers",
"fr" : "Montrer les couches",
@ -1963,7 +1975,7 @@
}
},
"workspace.header.menu.show-palette" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:200" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:203" ],
"translations" : {
"en" : "Show color palette",
"fr" : "Montrer la palette de couleurs",
@ -1972,7 +1984,7 @@
}
},
"workspace.header.menu.show-rules" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:172" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:175" ],
"translations" : {
"en" : "Show rules",
"fr" : "Montrer les règles",
@ -2005,7 +2017,7 @@
}
},
"workspace.header.viewer" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:260" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:263" ],
"translations" : {
"en" : "View mode (Ctrl + P)",
"fr" : "Mode visualisation (Ctrl + P)",
@ -2038,19 +2050,19 @@
}
},
"workspace.libraries.colors.file-library" : {
"used-in" : [ "src/app/main/ui/workspace/colorpicker.cljs:340", "src/app/main/ui/workspace/colorpalette.cljs:149" ],
"used-in" : [ "src/app/main/ui/workspace/colorpicker/libraries.cljs:87", "src/app/main/ui/workspace/colorpalette.cljs:149" ],
"translations" : {
"en" : "File library"
}
},
"workspace.libraries.colors.recent-colors" : {
"used-in" : [ "src/app/main/ui/workspace/colorpicker.cljs:339", "src/app/main/ui/workspace/colorpalette.cljs:159" ],
"used-in" : [ "src/app/main/ui/workspace/colorpicker/libraries.cljs:86", "src/app/main/ui/workspace/colorpalette.cljs:159" ],
"translations" : {
"en" : "Recent colors"
}
},
"workspace.libraries.colors.save-color" : {
"used-in" : [ "src/app/main/ui/workspace/colorpicker.cljs:375" ],
"used-in" : [ "src/app/main/ui/workspace/colorpicker.cljs:338" ],
"translations" : {
"en" : "Save color"
}
@ -2290,7 +2302,7 @@
}
},
"workspace.options.fill" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/fill.cljs:51" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/fill.cljs:54" ],
"translations" : {
"en" : "Fill",
"fr" : "Remplissage",
@ -2308,7 +2320,7 @@
}
},
"workspace.options.grid.column" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:129" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:132" ],
"translations" : {
"en" : "Columns",
"fr" : "Colonnes",
@ -2317,7 +2329,7 @@
}
},
"workspace.options.grid.params.columns" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:170" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:173" ],
"translations" : {
"en" : "Columns",
"fr" : "Colonnes",
@ -2326,7 +2338,7 @@
}
},
"workspace.options.grid.params.gutter" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:203" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:206" ],
"translations" : {
"en" : "Gutter",
"fr" : "Gouttière",
@ -2335,7 +2347,7 @@
}
},
"workspace.options.grid.params.height" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:194" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:197" ],
"translations" : {
"en" : "Height",
"fr" : "Hauteur",
@ -2344,7 +2356,7 @@
}
},
"workspace.options.grid.params.margin" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:209" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:212" ],
"translations" : {
"en" : "Margin",
"fr" : "Marge",
@ -2353,7 +2365,7 @@
}
},
"workspace.options.grid.params.rows" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:161" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:164" ],
"translations" : {
"en" : "Rows",
"fr" : "Lignes",
@ -2362,7 +2374,7 @@
}
},
"workspace.options.grid.params.set-default" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:222" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:226" ],
"translations" : {
"en" : "Set as default",
"fr" : "Définir par défaut",
@ -2371,7 +2383,7 @@
}
},
"workspace.options.grid.params.size" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:154" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:157" ],
"translations" : {
"en" : "Size",
"fr" : "Taille",
@ -2380,7 +2392,7 @@
}
},
"workspace.options.grid.params.type" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:179" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:182" ],
"translations" : {
"en" : "Type",
"fr" : "Type",
@ -2389,7 +2401,7 @@
}
},
"workspace.options.grid.params.type.bottom" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:187" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:190" ],
"translations" : {
"en" : "Bottom",
"fr" : "Bas",
@ -2398,7 +2410,7 @@
}
},
"workspace.options.grid.params.type.center" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:185" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:188" ],
"translations" : {
"en" : "Center",
"fr" : "Centre",
@ -2407,7 +2419,7 @@
}
},
"workspace.options.grid.params.type.left" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:184" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:187" ],
"translations" : {
"en" : "Left",
"fr" : "Gauche",
@ -2416,7 +2428,7 @@
}
},
"workspace.options.grid.params.type.right" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:188" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:191" ],
"translations" : {
"en" : "Right",
"fr" : "Droite",
@ -2425,7 +2437,7 @@
}
},
"workspace.options.grid.params.type.stretch" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:181" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:184" ],
"translations" : {
"en" : "Stretch",
"fr" : "Étirer",
@ -2434,7 +2446,7 @@
}
},
"workspace.options.grid.params.type.top" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:183" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:186" ],
"translations" : {
"en" : "Top",
"fr" : "Haut",
@ -2443,7 +2455,7 @@
}
},
"workspace.options.grid.params.use-default" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:220" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:224" ],
"translations" : {
"en" : "Use default",
"fr" : "Utiliser la valeur par défaut",
@ -2452,7 +2464,7 @@
}
},
"workspace.options.grid.params.width" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:195" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:198" ],
"translations" : {
"en" : "Width",
"fr" : "Largeur",
@ -2461,7 +2473,7 @@
}
},
"workspace.options.grid.row" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:130" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:133" ],
"translations" : {
"en" : "Rows",
"fr" : "Lignes",
@ -2470,7 +2482,7 @@
}
},
"workspace.options.grid.square" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:128" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:131" ],
"translations" : {
"en" : "Square",
"fr" : "Carré",
@ -2479,7 +2491,7 @@
}
},
"workspace.options.grid.title" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:234" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame_grid.cljs:238" ],
"translations" : {
"en" : "Grid & Layouts",
"fr" : "Grille & couches",
@ -2488,7 +2500,7 @@
}
},
"workspace.options.group-fill" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/fill.cljs:50" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/fill.cljs:53" ],
"translations" : {
"en" : "Group fill",
"fr" : null,
@ -2497,7 +2509,7 @@
}
},
"workspace.options.group-stroke" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:70" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:72" ],
"translations" : {
"en" : "Group stroke",
"fr" : null,
@ -2524,7 +2536,7 @@
}
},
"workspace.options.position" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/measures.cljs:146", "src/app/main/ui/workspace/sidebar/options/frame.cljs:126" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame.cljs:126", "src/app/main/ui/workspace/sidebar/options/measures.cljs:146" ],
"translations" : {
"en" : "Position",
"fr" : "Position",
@ -2578,7 +2590,7 @@
}
},
"workspace.options.selection-fill" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/fill.cljs:49" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/fill.cljs:52" ],
"translations" : {
"en" : "Selection fill",
"fr" : null,
@ -2587,7 +2599,7 @@
}
},
"workspace.options.selection-stroke" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:69" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:71" ],
"translations" : {
"en" : "Selection stroke",
"fr" : null,
@ -2632,13 +2644,13 @@
}
},
"workspace.options.shadow-options.title" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/shadow.cljs:190" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/shadow.cljs:194" ],
"translations" : {
"en" : "Shadow"
}
},
"workspace.options.size" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/measures.cljs:116", "src/app/main/ui/workspace/sidebar/options/frame.cljs:99" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/frame.cljs:99", "src/app/main/ui/workspace/sidebar/options/measures.cljs:116" ],
"translations" : {
"en" : "Size",
"fr" : "Taille",
@ -2656,7 +2668,7 @@
}
},
"workspace.options.stroke" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:71" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/stroke.cljs:73" ],
"translations" : {
"en" : "Stroke",
"fr" : "Bordure",
@ -2845,7 +2857,7 @@
}
},
"workspace.options.text-options.none" : {
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/text.cljs:153", "src/app/main/ui/workspace/sidebar/options/typography.cljs:178" ],
"used-in" : [ "src/app/main/ui/workspace/sidebar/options/typography.cljs:178", "src/app/main/ui/workspace/sidebar/options/text.cljs:153" ],
"translations" : {
"en" : "None",
"fr" : "Aucune",
@ -2960,7 +2972,7 @@
}
},
"workspace.sitemap" : {
"used-in" : [ "src/app/main/ui/workspace/header.cljs:146" ],
"used-in" : [ "src/app/main/ui/workspace/header.cljs:149" ],
"translations" : {
"en" : "Sitemap",
"fr" : null,
@ -3059,7 +3071,7 @@
}
},
"workspace.updates.dismiss" : {
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:521" ],
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:538" ],
"translations" : {
"en" : "Dismiss",
"fr" : "",
@ -3068,7 +3080,7 @@
}
},
"workspace.updates.there-are-updates" : {
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:517" ],
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:534" ],
"translations" : {
"en" : "There are updates in shared libraries",
"fr" : "",
@ -3077,7 +3089,7 @@
}
},
"workspace.updates.update" : {
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:519" ],
"used-in" : [ "src/app/main/data/workspace/libraries.cljs:536" ],
"translations" : {
"en" : "Update",
"fr" : "",

View file

@ -78,3 +78,4 @@
@import 'main/partials/user-settings';
@import 'main/partials/workspace';
@import 'main/partials/workspace-header';
@import 'main/partials/color-bullet';

View file

@ -0,0 +1,180 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// This Source Code Form is "Incompatible With Secondary Licenses", as
// defined by the Mozilla Public License, v. 2.0.
//
// Copyright (c) 2020 UXBOX Labs SL
.color-cell {
.color-bullet {
background-color: $color-white;
// Creates strange artifacts
border: 2px solid $color-gray-60;
// box-shadow: 0 0 0 2px $color-gray-60;
border-radius: 50%;
}
&.cell-big .color-bullet {
width: 50px;
height: 50px;
}
&.cell-small .color-bullet {
width: 40px;
height: 40px;
}
.color-bullet.color-big {
width: 50px;
height: 50px;
}
}
.color-cell.current {
.color-bullet {
border-color: $color-gray-50;
}
}
ul.palette-menu .color-bullet {
width: 20px;
height: 20px;
border-radius: 12px;
border: 1px solid $color-gray-10;
margin-right: 5px;
background-size: 8px;
}
.color-cell.add-color .color-bullet {
align-items: center;
background-color: $color-gray-50;
border: 3px dashed $color-gray-10;
cursor: pointer;
display: flex;
justify-content: center;
margin-bottom: 1rem;
padding: .6rem;
svg {
fill: $color-gray-10;
height: 30px;
width: 30px;
}
}
.colorpicker-content .color-bullet {
grid-area: color;
width: 20px;
height: 20px;
border-radius: 12px;
border: 1px solid $color-gray-10;
background-size: 8px;
}
.asset-group .group-list-item .color-bullet {
width: 20px;
height: 20px;
border-radius: 10px;
margin-right: $x-small;
}
.color-cell.add-color:hover .color-bullet {
border-color: $color-gray-30;
svg {
fill: $color-gray-30;
}
}
.color-bullet {
display: flex;
flex-direction: row;
overflow: hidden;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAADFJREFUOE9jZGBgEAFifOANPknGUQMYhkkYEEgG+NMJKAwIAbwJbdQABnBCIgRoG4gAIF8IsXB/Rs4AAAAASUVORK5CYII=") left center;
background-color: $color-white;
& > * {
width: 100%;
height: 100%;
}
}
.color-data .color-bullet.multiple {
background: transparent;
&::before {
content: "?"
}
}
.color-data .color-bullet {
background-color: $color-gray-30;
border: 1px solid $color-gray-30;
border-radius: $br-small;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: $color-gray-10;
flex-shrink: 0;
height: 20px;
margin: 5px 4px 0 0;
width: 20px;
&.color-name {
border-radius: 10px;
}
&.palette-th {
align-items: center;
border: 1px solid $color-gray-30;
display: flex;
justify-content: center;
svg {
fill: $color-gray-30;
height: 16px;
width: 16px;
}
&:hover {
border-color: $color-primary;
svg {
fill: $color-primary;
}
}
}
}
.colorpicker-content .libraries .selected-colors .color-bullet {
grid-area: auto;
margin-bottom: 0.25rem;
cursor: pointer;
&:hover {
border-color: $color-primary;
}
&.button {
background: $color-white;
display: flex;
align-items: center;
justify-content: center;
}
&.button svg {
width: 12px;
height: 12px;
fill: $color-gray-30;
}
&.plus-button svg {
width: 8px;
height: 8px;
fill: $color-black;
}
}

View file

@ -123,7 +123,7 @@
display: flex;
overflow: hidden;
width: 100%;
height: 4.8rem;
height: 5rem;
padding: 0.25rem;
&.size-small {
@ -156,28 +156,6 @@
flex-basis: 52px;
}
.color {
background-color: $color-gray-10;
border: 2px solid $color-gray-60;
border-radius: 50%;
flex-shrink: 0;
}
&.cell-big .color {
width: 50px;
height: 50px;
}
&.cell-small .color {
width: 40px;
height: 40px;
}
.color.color-big {
width: 50px;
height: 50px;
}
.color-text {
color: $color-gray-20;
font-size: $fs12;
@ -186,11 +164,9 @@
text-overflow: ellipsis;
width: 66px;
text-align: center;
margin-top: 0.25rem;
}
&.current {
.color {
border-color: $color-gray-50;
}
.color-text {
color: $color-gray-50;
font-weight: bold;
@ -217,31 +193,11 @@
}
&.add-color {
margin-left: 1.5rem;
.color {
align-items: center;
background-color: $color-gray-50;
border: 3px dashed $color-gray-10;
cursor: pointer;
display: flex;
justify-content: center;
margin-bottom: 1rem;
padding: .6rem;
svg {
fill: $color-gray-10;
height: 30px;
width: 30px;
}
}
.color-text {
font-weight: bold;
}
&:hover {
.color {
border-color: $color-gray-30;
svg {
fill: $color-gray-30;
}
}
.color-text {
color: $color-gray-40;
}
@ -336,12 +292,5 @@ ul.palette-menu {
margin-top: 0.5rem;
}
.color-bullet {
width: 20px;
height: 20px;
border-radius: 12px;
border: 1px solid $color-gray-10;
margin-right: 5px;
}
}

View file

@ -29,7 +29,7 @@
border: none;
cursor: pointer;
&.active,
&.active svg,
&:hover svg {
fill: $color-primary;
}
@ -72,10 +72,16 @@
margin-top: 0.5rem;
margin-bottom: 1rem;
.gradient-background {
.gradient-background-wrapper {
height: 100%;
width: 100%;
border: 1px solid $color-gray-10;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAADFJREFUOE9jZGBgEAFifOANPknGUQMYhkkYEEgG+NMJKAwIAbwJbdQABnBCIgRoG4gAIF8IsXB/Rs4AAAAASUVORK5CYII=") left center;
}
.gradient-background {
height: 100%;
width: 100%;
}
.gradient-stop-wrapper {
@ -85,16 +91,21 @@
}
.gradient-stop {
display: grid;
grid-template-columns: 50% 50%;
position: absolute;
width: 14px;
height: 14px;
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid $color-gray-20;
margin-top: -2px;
margin-left: -7px;
box-shadow: 0 2px 2px rgb(0 0 0 / 15%);
.selected {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAADFJREFUOE9jZGBgEAFifOANPknGUQMYhkkYEEgG+NMJKAwIAbwJbdQABnBCIgRoG4gAIF8IsXB/Rs4AAAAASUVORK5CYII=") left center;
background-color: $color-white;
&.active {
border-color: $color-primary;
}
}
@ -230,15 +241,6 @@
}
}
.color-bullet {
grid-area: color;
width: 20px;
height: 20px;
background-color: rgba(var(--color));
border-radius: 12px;
border: 1px solid $color-gray-10;
}
.shade-selector {
display: grid;
justify-items: center;
@ -269,6 +271,10 @@
justify-items: center;
grid-column-gap: 0.25rem;
&.disable-opacity {
grid-template-columns: 3.5rem repeat(3, 1fr);
}
input {
width: 100%;
margin: 0;
@ -325,34 +331,6 @@
content: "";
flex: auto;
}
.selected-colors .color-bullet {
grid-area: auto;
margin-bottom: 0.25rem;
cursor: pointer;
&:hover {
border-color: $color-primary;
}
&.button {
display: flex;
align-items: center;
justify-content: center;
}
&.button svg {
width: 12px;
height: 12px;
fill: $color-gray-30;
}
&.plus-button svg {
width: 8px;
height: 8px;
fill: $color-black;
}
}
}
.actions {
@ -465,13 +443,10 @@
.colorpicker-tabs {
display: flex;
margin-top: 0.25rem;
margin: 0.5rem 0;
border-radius: 5px;
border: 1px solid $color-gray-10;
height: 2rem;
background-color: $color-gray-10;
.active {
background-color: $color-white;
}
.colorpicker-tab {
cursor: pointer;
@ -483,9 +458,21 @@
svg {
width: 16px;
height: 16px;
fill: $color-gray-30;
fill: $color-gray-20;
}
}
.active {
background-color: $color-gray-10;
svg {
fill: $color-gray-60;
}
}
:hover svg {
fill: $color-primary;
}
}
}

View file

@ -241,13 +241,6 @@
color: $color-white;
cursor: pointer;
& .color-block {
width: 20px;
height: 20px;
border-radius: 10px;
margin-right: $x-small;
}
& span {
margin-left: $x-small;
color: $color-gray-30;

View file

@ -467,47 +467,6 @@
margin-bottom: 0;
}
.color-th {
background-color: $color-gray-30;
border: 1px solid $color-gray-30;
border-radius: $br-small;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: $color-gray-10;
flex-shrink: 0;
height: 20px;
margin: 5px 4px 0 0;
width: 20px;
&.color-name {
border-radius: 10px;
}
&.palette-th {
align-items: center;
border: 1px solid $color-gray-30;
display: flex;
justify-content: center;
svg {
fill: $color-gray-30;
height: 16px;
width: 16px;
}
&:hover {
border-color: $color-primary;
svg {
fill: $color-primary;
}
}
}
}
.presets {
.custom-select-dropdown {
width: 200px;