Skip to content

Commit

Permalink
Merge pull request #104 from LeafyLuigi/master
Browse files Browse the repository at this point in the history
SubaSipari
  • Loading branch information
Mentalscars authored Jun 4, 2022
2 parents 79c7d25 + ff16baa commit 28ba217
Show file tree
Hide file tree
Showing 2 changed files with 84 additions and 87 deletions.
167 changes: 82 additions & 85 deletions src/settings/icons.scss
Original file line number Diff line number Diff line change
@@ -1,100 +1,97 @@
/* SETTINGS SIDEBAR ICONS */
%settingsSidebar {
// USER SETTINGS
[aria-label='User Settings'] {
// ICON MAP
$icons: (
// My Account
'my-account': 'https://clearvision.gitlab.io/icons/person.svg',
// User Profile
'profile-customization': 'https://clearvision.gitlab.io/icons/user_profile.svg',
// Privacy & Safety
'privacy-&-safety': 'https://clearvision.gitlab.io/icons/security.svg',
// Authorized Apps
'authorized-apps': 'https://clearvision.gitlab.io/icons/apps.svg',
// Connections
'connections': 'https://clearvision.gitlab.io/icons/link.svg',
// ICON MAP
$icons: (
// My Account
'my-account': 'https://clearvision.gitlab.io/icons/person.svg',
// User Profile
'profile-customization': 'https://clearvision.gitlab.io/icons/user_profile.svg',
// Privacy & Safety
'privacy-&-safety': 'https://clearvision.gitlab.io/icons/security.svg',
// Authorized Apps
'authorized-apps': 'https://clearvision.gitlab.io/icons/apps.svg',
// Connections
'connections': 'https://clearvision.gitlab.io/icons/link.svg',

// Discord Nitro
'discord-nitro': 'https://clearvision.gitlab.io/icons/nitro.svg',
// Server Boost
'nitro-server-boost': 'https://clearvision.gitlab.io/icons/server_boost.svg',
// Subscriptions
'subscriptions': 'https://clearvision.gitlab.io/icons/subscriptions.svg',
// Gift Inventory
'library-inventory': 'https://clearvision.gitlab.io/icons/gift.svg',
// Billing
'billing': 'https://clearvision.gitlab.io/icons/payment.svg',
// Discord Nitro
'discord-nitro': 'https://clearvision.gitlab.io/icons/nitro.svg',
// Server Boost
'nitro-server-boost': 'https://clearvision.gitlab.io/icons/server_boost.svg',
// Subscriptions
'subscriptions': 'https://clearvision.gitlab.io/icons/subscriptions.svg',
// Gift Inventory
'library-inventory': 'https://clearvision.gitlab.io/icons/gift.svg',
// Billing
'billing': 'https://clearvision.gitlab.io/icons/payment.svg',

// Appearance
'appearance': 'https://clearvision.gitlab.io/icons/camera.svg',
// Accessibility
'accessibility': 'https://clearvision.gitlab.io/icons/accessibility.svg',
// Voice & Video
'voice-&-video': 'https://clearvision.gitlab.io/icons/mic.svg',
// Text & Images
'text-&-images': 'https://clearvision.gitlab.io/icons/chat.svg',
// Notifications
'notifications': 'https://clearvision.gitlab.io/icons/notifications.svg',
// Keybinds
'keybinds': 'https://clearvision.gitlab.io/icons/keyboard.svg',
// Language
'language': 'https://clearvision.gitlab.io/icons/language.svg',
// Windows Settings
'windows': 'https://clearvision.gitlab.io/icons/windows.svg',
// Linux Settings
'linux': 'https://clearvision.gitlab.io/icons/linux.svg',
// Streamer Mode
'streamer-mode': 'https://clearvision.gitlab.io/icons/videocam.svg',
// Advanced
'advanced': 'https://clearvision.gitlab.io/icons/bug.svg',
// Appearance
'appearance': 'https://clearvision.gitlab.io/icons/camera.svg',
// Accessibility
'accessibility': 'https://clearvision.gitlab.io/icons/accessibility.svg',
// Voice & Video
'voice-&-video': 'https://clearvision.gitlab.io/icons/mic.svg',
// Text & Images
'text-&-images': 'https://clearvision.gitlab.io/icons/chat.svg',
// Notifications
'notifications': 'https://clearvision.gitlab.io/icons/notifications.svg',
// Keybinds
'keybinds': 'https://clearvision.gitlab.io/icons/keyboard.svg',
// Language
'language': 'https://clearvision.gitlab.io/icons/language.svg',
// Windows Settings
'windows': 'https://clearvision.gitlab.io/icons/windows.svg',
// Linux Settings
'linux': 'https://clearvision.gitlab.io/icons/linux.svg',
// Streamer Mode
'streamer-mode': 'https://clearvision.gitlab.io/icons/videocam.svg',
// Advanced
'advanced': 'https://clearvision.gitlab.io/icons/bug.svg',

// Game Activity
'game-activity': 'https://clearvision.gitlab.io/icons/games.svg',
// Overlay
'overlay': 'https://clearvision.gitlab.io/icons/aspect_ratio.svg',
// Game Activity
'game-activity': 'https://clearvision.gitlab.io/icons/games.svg',
// Overlay
'overlay': 'https://clearvision.gitlab.io/icons/aspect_ratio.svg',

// Change Log
'changelog': 'https://clearvision.gitlab.io/icons/history.svg',
// HypeSquad
'hypesquad-online': 'https://clearvision.gitlab.io/icons/hypesquad.svg',
// Change Log
'changelog': 'https://clearvision.gitlab.io/icons/history.svg',
// HypeSquad
'hypesquad-online': 'https://clearvision.gitlab.io/icons/hypesquad.svg',

/* Log Out - for reference only
'logout': 'https://clearvision.gitlab.io/icons/exit.svg'
*/
);
/* Log Out - for reference only
'logout': 'https://clearvision.gitlab.io/icons/exit.svg'
*/
);

// GENERAL STYLES
%tabBarItem {
padding-left: 50px !important;
&:before {
content: '';
position: absolute;
width: 24px;
height: 24px;
left: 15px;
margin-top: -2px;
}
&:hover:before {
transform: rotateY(180deg);
transition: all 0.15s ease-in-out;
}
// GENERAL STYLES
%tabBarItem {
padding-left: 50px !important;
&:before {
content: '';
position: absolute;
width: 24px;
height: 24px;
left: 15px;
margin-top: -2px;
}
&:hover:before {
transform: rotateY(180deg);
transition: all 0.15s ease-in-out;
}
}

// ICON STYLES
@each $i, $u in $icons {
%tabBarItem[aria-controls='#{$i}-tab']:before {
background-image: url(#{$u});
}
// ICON STYLES
@each $i, $u in $icons {
%tabBarItem[aria-controls='#{$i}-tab']:before {
background-image: url(#{$u});
}
}

// DANGER
%tabBarItem {
&[aria-controls=logout-tab] {
&:before {
-webkit-mask: url(https://clearvision.gitlab.io/icons/exit.svg);
mask: url(https://clearvision.gitlab.io/icons/exit.svg);
}
// DANGER
%tabBarItem {
&[aria-controls=logout-tab] {
&:before {
-webkit-mask: url(https://clearvision.gitlab.io/icons/exit.svg);
mask: url(https://clearvision.gitlab.io/icons/exit.svg);
}
}
}
Expand Down
4 changes: 2 additions & 2 deletions src/settings/sidebar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
text-overflow: ellipsis;
}
}
[aria-label='User Settings'] %tabBarItem {
%tabBarItem {
&:nth-child(6),
&:nth-child(13),
&:nth-child(25) {
Expand Down Expand Up @@ -153,4 +153,4 @@
color: hsla(0, 0%, 100%, 0.7);
}
}
}
}

0 comments on commit 28ba217

Please sign in to comment.