chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Bigger navigation icons

Browse source
This commit is contained in:
Niléane 2024-02-14 16:31:27 +01:00
parent 1c8561f6ce
commit 958109bbf7
No known key found for this signature in database
3 changed files with 21 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
TangerineUI-cherry.css
View file

@ -809,9 +809,9 @@ body.app-body {
/* Navigation panel icons */ /* Navigation panel icons */
.app-body .column-link__icon { .app-body .column-link__icon {
transform: scale(1.3); transform: scale(1.45);
margin-right: 7px; margin-right: 7px;
margin-left: 2px; margin-left: 3px;
} }
/* Home icon */ /* Home icon */
.app-body .icon-home { .app-body .icon-home {
@ -3436,7 +3436,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-bottom: 10px; margin-bottom: 10px;
} }
.app-body .column-link:not(.column-link--logo) { .app-body .column-link:not(.column-link--logo) {
padding: 13px 20px 14px 13px; padding: 15px 20px 16px 13px;
gap: 7px;
margin-left: 3px; margin-left: 3px;
font-weight: 500; font-weight: 500;
font-size: 18px; font-size: 18px;
@ -3463,15 +3464,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link--transparent span::before { .app-body .column-link--transparent span::before {
content: " "; content: " ";
left: -44px; left: -48px;
background-color: transparent; background-color: transparent;
transition: .3s background-color; transition: .3s background-color;
top: -12px; top: -13px;
right: -16px; right: -16px;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 8px;
z-index: -1; z-index: -1;
bottom: -12px; bottom: -13px;
} }
.app-body .column-link--transparent:hover span::before { .app-body .column-link--transparent:hover span::before {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);

13
TangerineUI-purple.css
View file

@ -809,9 +809,9 @@ body.app-body {
/* Navigation panel icons */ /* Navigation panel icons */
.app-body .column-link__icon { .app-body .column-link__icon {
transform: scale(1.3); transform: scale(1.45);
margin-right: 7px; margin-right: 7px;
margin-left: 2px; margin-left: 3px;
} }
/* Home icon */ /* Home icon */
.app-body .icon-home { .app-body .icon-home {
@ -3436,7 +3436,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-bottom: 10px; margin-bottom: 10px;
} }
.app-body .column-link:not(.column-link--logo) { .app-body .column-link:not(.column-link--logo) {
padding: 13px 20px 14px 13px; padding: 15px 20px 16px 13px;
gap: 7px;
margin-left: 3px; margin-left: 3px;
font-weight: 500; font-weight: 500;
font-size: 18px; font-size: 18px;
@ -3463,15 +3464,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link--transparent span::before { .app-body .column-link--transparent span::before {
content: " "; content: " ";
left: -44px; left: -48px;
background-color: transparent; background-color: transparent;
transition: .3s background-color; transition: .3s background-color;
top: -12px; top: -13px;
right: -16px; right: -16px;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 8px;
z-index: -1; z-index: -1;
bottom: -12px; bottom: -13px;
} }
.app-body .column-link--transparent:hover span::before { .app-body .column-link--transparent:hover span::before {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);

13
TangerineUI.css
View file

@ -809,9 +809,9 @@ body.app-body {
/* Navigation panel icons */ /* Navigation panel icons */
.app-body .column-link__icon { .app-body .column-link__icon {
transform: scale(1.3); transform: scale(1.45);
margin-right: 7px; margin-right: 7px;
margin-left: 2px; margin-left: 3px;
} }
/* Home icon */ /* Home icon */
.app-body .icon-home { .app-body .icon-home {
@ -3436,7 +3436,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-bottom: 10px; margin-bottom: 10px;
} }
.app-body .column-link:not(.column-link--logo) { .app-body .column-link:not(.column-link--logo) {
padding: 13px 20px 14px 13px; padding: 15px 20px 16px 13px;
gap: 7px;
margin-left: 3px; margin-left: 3px;
font-weight: 500; font-weight: 500;
font-size: 18px; font-size: 18px;
@ -3463,15 +3464,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link--transparent span::before { .app-body .column-link--transparent span::before {
content: " "; content: " ";
left: -44px; left: -48px;
background-color: transparent; background-color: transparent;
transition: .3s background-color; transition: .3s background-color;
top: -12px; top: -13px;
right: -16px; right: -16px;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 8px;
z-index: -1; z-index: -1;
bottom: -12px; bottom: -13px;
} }
.app-body .column-link--transparent:hover span::before { .app-body .column-link--transparent:hover span::before {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);