Didi/Website
1
0
Fork 0
mirror of https://github.com/DidiDidi129/Website.git synced 2026-04-05 20:14:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade Font Awesome 5 to 6, add Matrix button, tooltips, no-scroll, mobile optimize

Browse Source 
Co-authored-by: DidiDidi129 <136057713+DidiDidi129@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-03-16 04:11:07 +00:00
parent 43833a635d
commit 24e3353493
23 changed files with 83 additions and 9661 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
assets/css/fontawesome-all.min.css vendored
View File

File diff suppressed because one or more lines are too long

65
assets/css/main.css
View File

@@ -96,6 +96,8 @@ input, select, textarea {
body {
background: #1b1f22;
overflow: hidden;
overscroll-behavior: none;
}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
@@ -514,7 +516,7 @@ input, select, textarea {
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
@@ -623,8 +625,9 @@ input, select, textarea {
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-family: 'Font Awesome 6 Free';
font-weight: 400;
content: var(--fa, "");
}
.icon > .label {
@@ -640,7 +643,7 @@ input, select, textarea {
}
.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
font-family: 'Font Awesome 6 Brands';
}
/* Image - no bg */
@@ -1002,6 +1005,7 @@ input, select, textarea {
ul.icons li {
display: inline-block;
padding: 0 0.75em 0 0;
position: relative;
}
ul.icons li:last-child {
@@ -1026,6 +1030,61 @@ input, select, textarea {
background-color: rgba(255, 255, 255, 0.175);
}
/* Matrix icon button */
ul.icons li a.icon-matrix {
display: inline-flex;
align-items: center;
justify-content: center;
color: #ffffff;
text-decoration: none;
line-height: normal;
}
ul.icons li a.icon-matrix img {
width: 1rem;
height: 1rem;
display: block;
}
/* Tooltip bubble */
ul.icons li[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
padding: 4px 8px;
border-radius: 4px;
font-size: 0.65rem;
letter-spacing: 0.05rem;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
}
ul.icons li[data-tooltip]::before {
content: '';
position: absolute;
bottom: calc(100% + 2px);
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: rgba(0, 0, 0, 0.8);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
}
ul.icons li[data-tooltip]:hover::after,
ul.icons li[data-tooltip]:hover::before {
opacity: 1;
}
/* Table */
.table-wrapper {