Skip to content
This repository has been archived by the owner on Jul 22, 2023. It is now read-only.

Add missing icons #15

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Add missing icons #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
ce5c185
Add timeout icon
asportnoy Jul 18, 2022
119f6e9
Add manage interactions
asportnoy Jul 18, 2022
5b1d55e
Add context menu buttons
asportnoy Jul 18, 2022
b103195
Change send message icon to check
asportnoy Jul 23, 2022
3f062cb
Add report raid icon
asportnoy Jul 23, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions src/base/_buttons.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,7 @@
@include danger-background-normal(message-delete);
@include danger-background-normal(message-actions-delete);
@include danger-background-normal(channel-context-delete-channel);
@include danger-background-normal(user-context-timeout);
@include danger-background-normal(user-context-kick);
@include danger-background-normal(user-context-ban);
@include danger-background-normal(guild-context-leave-guild);
Expand All @@ -76,6 +77,7 @@
@include danger-background-hover(message-delete);
@include danger-background-hover(message-actions-delete);
@include danger-background-hover(channel-context-delete-channel);
@include danger-background-hover(user-context-timeout);
@include danger-background-hover(user-context-kick);
@include danger-background-hover(user-context-ban);
@include danger-background-hover(guild-context-leave-guild);
Expand All @@ -101,9 +103,11 @@
@include danger-icon-normal(message-delete);
@include danger-icon-normal(message-actions-delete);
@include danger-icon-normal(channel-context-delete-channel);
@include danger-icon-normal(user-context-timeout);
@include danger-icon-normal(user-context-kick);
@include danger-icon-normal(user-context-ban);
@include danger-icon-normal(guild-context-leave-guild);
@include danger-icon-normal(guild-header-popout-report-raid);
@include danger-icon-normal(guild-header-popout-leave);
@include danger-icon-normal(thread-context-delete-channel);
@include danger-icon-normal(user-profile-actions-user-remove);
Expand All @@ -122,9 +126,11 @@
@include danger-icon-hover(message-delete);
@include danger-icon-hover(message-actions-delete);
@include danger-icon-hover(channel-context-delete-channel);
@include danger-icon-hover(user-context-timeout);
@include danger-icon-hover(user-context-kick);
@include danger-icon-hover(user-context-ban);
@include danger-icon-hover(guild-context-leave-guild);
@include danger-icon-hover(guild-header-popout-report-raid);
@include danger-icon-hover(guild-header-popout-leave);
@include danger-icon-hover(thread-context-delete-channel);
@include danger-icon-hover(user-profile-actions-user-remove);
Expand Down
6 changes: 6 additions & 0 deletions src/base/_deactivated.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,9 @@
// Sticker Suggestions
@include deactivated-normal(textarea-context-sticker-suggestions);

// Send message button
@include deactivated-normal(textarea-context-submit-button);

// Spellcheck
@include deactivated-normal(textarea-context-spellcheck);

Expand Down Expand Up @@ -88,6 +91,9 @@
// Hide Muted Channels
@include deactivated-normal(guild-header-popout-hide-muted-channels);

// Report Raid
@include deactivated-normal(guild-header-popout-report-raid);

// Leave Server
@include deactivated-normal(guild-header-popout-leave);

Expand Down
40 changes: 39 additions & 1 deletion src/base/_icons.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -300,6 +300,12 @@
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath id='apps' d='M4.222,22l4.445,-0c1.222,-0 2.222,-1 2.222,-2.222l-0,-4.445c-0,-1.222 -1,-2.222 -2.222,-2.222l-4.445,0c-1.222,0 -2.222,1 -2.222,2.222l-0,4.445c-0,1.222 1,2.222 2.222,2.222Zm11.111,-0l4.445,-0c1.222,-0 2.222,-1 2.222,-2.222l0,-4.445c0,-1.222 -1,-2.222 -2.222,-2.222l-4.445,0c-1.222,0 -2.222,1 -2.222,2.222l0,4.445c0,1.222 1,2.222 2.222,2.222Zm-11.111,-11.111l4.445,-0c1.222,-0 2.222,-1 2.222,-2.222l-0,-4.445c-0,-1.222 -1,-2.222 -2.222,-2.222l-4.445,0c-1.222,0 -2.222,1 -2.222,2.222l-0,4.445c-0,1.222 1,2.222 2.222,2.222Zm8.889,-6.667l0,4.445c0,1.222 1,2.222 2.222,2.222l4.445,-0c1.222,-0 2.222,-1 2.222,-2.222l0,-4.445c0,-1.222 -1,-2.222 -2.222,-2.222l-4.445,0c-1.222,0 -2.222,1 -2.222,2.222Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
);

// Manage Integration
@include icon-normal(
user-context-manage-integration,
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg%3E%3Crect fill='none' height='24' width='24' /%3E%3Ccircle cx='12' cy='3.5' fill='none' r='.75' /%3E%3Ccircle cx='12' cy='3.5' fill='none' r='.75' /%3E%3Ccircle cx='12' cy='3.5' fill='none' r='.75' /%3E%3Cpath d='M19,3h-4.18C14.4,1.84,13.3,1,12,1S9.6,1.84,9.18,3H5C4.86,3,4.73,3.01,4.6,3.04C4.21,3.12,3.86,3.32,3.59,3.59 c-0.18,0.18-0.33,0.4-0.43,0.64C3.06,4.46,3,4.72,3,5v14c0,0.27,0.06,0.54,0.16,0.78c0.1,0.24,0.25,0.45,0.43,0.64 c0.27,0.27,0.62,0.47,1.01,0.55C4.73,20.99,4.86,21,5,21h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M11,14.17l-1.41,1.42L6,12 l3.59-3.59L11,9.83L8.83,12L11,14.17z M12,4.25c-0.41,0-0.75-0.34-0.75-0.75S11.59,2.75,12,2.75s0.75,0.34,0.75,0.75 S12.41,4.25,12,4.25z M14.41,15.59L13,14.17L15.17,12L13,9.83l1.41-1.42L18,12L14.41,15.59z' /%3E%3C/g%3E%3C/svg%3E%0A")
);

// Invite to Server
@include icon-normal(
user-context-invite-to-server,
Expand Down Expand Up @@ -348,6 +354,12 @@
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath id='circle_checked' d='M12,2c-5.52,0 -10,4.48 -10,10c0,5.52 4.48,10 10,10c5.52,0 10,-4.48 10,-10c0,-5.52 -4.48,-10 -10,-10Zm-2.71,14.29l-3.59,-3.59c-0.39,-0.39 -0.39,-1.02 0,-1.41c0.39,-0.39 1.02,-0.39 1.41,0l2.89,2.88l6.88,-6.88c0.39,-0.39 1.02,-0.39 1.41,0c0.39,0.39 0.39,1.02 0,1.41l-7.59,7.59c-0.38,0.39 -1.02,0.39 -1.41,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
);

// Timeout
@include icon-normal(
user-context-timeout,
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath id='timer' d='m12.83 14.24-3.54-3.53A1.001 1.001 0 0 1 9 10V4h2v5.59l3.24 3.24-1.41 1.41Z' fill='currentColor'/%3E%3Cpath d='M13.31 2 18 6.69v6.62L13.31 18H6.69L2 13.31V6.69L6.69 2h6.62Zm.42-2H6.27a1.05 1.05 0 0 0-.71.29L.29 5.56a1.05 1.05 0 0 0-.29.71v7.46c.004.265.107.518.29.71l5.27 5.27c.192.183.445.286.71.29h7.46a1.05 1.05 0 0 0 .71-.29l5.27-5.27a1.05 1.05 0 0 0 .29-.71V6.27a1.05 1.05 0 0 0-.29-.71L14.44.29a1.05 1.05 0 0 0-.71-.29Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
);

// Kick
@include icon-normal(
user-context-kick,
Expand Down Expand Up @@ -727,6 +739,26 @@
// ║ Icons ║ Text Area ║
// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝

// Suggestions
@include icon-normal(
textarea-context-suggestions,
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='m19.2 36.4-4.75-10.45L4 21.2l10.45-4.75L19.2 6l4.75 10.45L34.4 21.2l-10.45 4.75ZM36.4 42l-2.35-5.25-5.25-2.35 5.25-2.4 2.35-5.2 2.4 5.2 5.2 2.4-5.2 2.35Z'/%3E%3C/svg%3E")
);

// Send message button (True)
@include icon-normal(
textarea-context-submit-button,
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath id='circle_checked' d='M12,2c-5.52,0 -10,4.48 -10,10c0,5.52 4.48,10 10,10c5.52,0 10,-4.48 10,-10c0,-5.52 -4.48,-10 -10,-10Zm-2.71,14.29l-3.59,-3.59c-0.39,-0.39 -0.39,-1.02 0,-1.41c0.39,-0.39 1.02,-0.39 1.41,0l2.89,2.88l6.88,-6.88c0.39,-0.39 1.02,-0.39 1.41,0c0.39,0.39 0.39,1.02 0,1.41l-7.59,7.59c-0.38,0.39 -1.02,0.39 -1.41,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
true
);

// Send message button (False)
@include icon-normal(
textarea-context-submit-button,
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath id='radio_button_unchecked' d='M12,2c-5.52,0 -10,4.48 -10,10c0,5.52 4.48,10 10,10c5.52,0 10,-4.48 10,-10c0,-5.52 -4.48,-10 -10,-10Zm0,18c-4.42,0 -8,-3.58 -8,-8c0,-4.42 3.58,-8 8,-8c4.42,0 8,3.58 8,8c0,4.42 -3.58,8 -8,8Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
false
);

// Sticker Suggestions (True)
@include icon-normal(
textarea-context-sticker-suggestions,
Expand Down Expand Up @@ -954,6 +986,12 @@
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath d='M19.292,9.831l0.649,-0.647c1.412,-1.412 1.412,-3.711 -0,-5.125c-1.413,-1.412 -3.713,-1.412 -5.125,0l-0.647,0.648l5.123,5.124Zm-6.397,-3.853l-7.713,7.715l5.125,5.123l7.712,-7.715l-5.124,-5.123Zm-8.779,14.996l4.641,-1.16l-4.573,-4.573l-1.16,4.642c-0.077,0.306 0.013,0.631 0.236,0.854c0.224,0.223 0.549,0.312 0.856,0.237Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
);

// Report Raid
@include icon-normal(
guild-header-popout-report-raid,
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='60' viewBox='0 0 58 60' fill='none'%3E%3Cpath d='M45.8564 15.2294C37.6075 15.2294 31.0515 6.53435 30.9868 6.44411C30.0803 5.2246 28.0613 5.2246 27.1548 6.44411C27.0901 6.53435 20.5341 15.2294 12.2851 15.2294C10.9591 15.2294 9.88719 16.3221 9.88719 17.6684V34.7415C9.88719 44.0268 26.1069 52.9804 27.9533 53.9706C28.3034 54.1584 28.6871 54.2487 29.0708 54.2487C29.4545 54.2487 29.8381 54.156 30.1882 53.9706C32.0347 52.9804 48.2544 44.0268 48.2544 34.7415V17.6684C48.2544 16.3221 47.1825 15.2294 45.8564 15.2294ZM36.2646 39.6195L29.0708 34.7415L21.8769 39.6195L24.2749 32.3025L19.479 27.4244H26.6728L29.0708 20.1074L31.4687 27.4244H38.6626L33.8667 32.3025L36.2646 39.6195Z' fill='%2399AAB5'/%3E%3C/svg%3E")
);

// Leave Server
@include icon-normal(
guild-header-popout-leave,
Expand Down Expand Up @@ -1668,4 +1706,4 @@
@include icon-normal(
dev-context-devmode-copy-id,
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Filled' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Filled1' serif:id='Filled'%3E%3Cg id='Context'%3E%3Cpath id='id' d='M5.384,4.365c0.221,-0 0.4,0.179 0.4,0.4c0,2.15 0,12.32 0,14.47c0,0.221 -0.179,0.4 -0.4,0.4c-0.727,0 -2.257,0 -2.984,0c-0.221,0 -0.4,-0.179 -0.4,-0.4c-0,-2.15 -0,-12.32 -0,-14.47c0,-0.221 0.179,-0.4 0.4,-0.4c0.727,-0 2.257,-0 2.984,-0Zm8.538,-0c5.312,-0 8.078,3.076 8.078,7.613c0,4.537 -2.833,7.657 -7.989,7.657l-4.956,0c-0.221,0 -0.4,-0.179 -0.4,-0.4c-0,-2.15 -0,-12.32 -0,-14.47c-0,-0.221 0.179,-0.4 0.4,-0.4c1.229,-0 4.867,-0 4.867,-0Zm-0.111,12.327c2.7,-0 4.382,-1.417 4.382,-4.692c0,-3.209 -1.792,-4.692 -4.382,-4.692l-0.972,0c-0.221,0 -0.4,0.179 -0.4,0.4c0,1.536 0,7.048 0,8.584c0,0.221 0.179,0.4 0.4,0.4c0.405,-0 0.972,-0 0.972,-0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
);
);