slvccans/ST-Amily2-Chat-Optimisation-SecFix
1
0
Fork 0
mirror of https://github.com/SilenceLurker/ST-Amily2-Chat-Optimisation.git synced 2026-06-07 05:55:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update table.css

Browse Source
This commit is contained in:
Wx-2025
2025-10-01 23:21:43 +08:00
committed by GitHub
parent 3d6a046eb9
commit 53ef5142c3
1 changed files with 97 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
assets/table.css
View File

@@ -477,10 +477,11 @@
height: 20px; height: 20px;
width: 20px; width: 20px;
left: 4px; left: 4px;
bottom: 4px; top: 50%;
background-color: var(--amily2-text-color); background-color: var(--amily2-text-color);
transition: .4s;
border-radius: 50%; border-radius: 50%;
transition: .4s;
transform: translateY(-50%);
} }
#amily2_memorisation_forms_panel input:checked + .slider { #amily2_memorisation_forms_panel input:checked + .slider {
@@ -492,7 +493,7 @@
} }
#amily2_memorisation_forms_panel input:checked + .slider:before { #amily2_memorisation_forms_panel input:checked + .slider:before {
transform: translateX(22px); transform: translateX(22px) translateY(-50%);
} }
.amily2-context-menu { .amily2-context-menu {
@@ -664,3 +665,96 @@ th.amily2-menu-open .amily2-header-text {
background: linear-gradient(45deg, rgba(120, 120, 120, 0.8), rgba(160, 160, 160, 0.8)); background: linear-gradient(45deg, rgba(120, 120, 120, 0.8), rgba(160, 160, 160, 0.8));
box-shadow: 0 4px 15px rgba(120, 120, 120, 0.4); box-shadow: 0 4px 15px rgba(120, 120, 120, 0.4);
} }
/* Styles for tables injected into chat messages */
#amily2-chat-table-container {
margin-top: 10px;
padding: 10px;
border: 1px solid var(--am2-container-border, rgba(255, 255, 255, 0.2));
border-radius: 8px;
background-color: var(--am2-container-bg, rgba(0,0,0,0.1));
overflow-x: auto; /* Ensure horizontal scrolling on small screens */
}
.amily2-chat-table {
margin-bottom: 15px;
}
.amily2-chat-table:last-child {
margin-bottom: 0;
}
.amily2-chat-table h4 {
font-size: 1em;
font-weight: bold;
color: var(--am2-header-color, #e0e0e0);
margin-bottom: 8px;
padding-bottom: 5px;
border-bottom: 1px solid var(--am2-table-border, rgba(255, 255, 255, 0.25));
}
.amily2-chat-table table {
width: 100%;
border-collapse: collapse;
font-size: 0.9em;
}
.amily2-chat-table th,
.amily2-chat-table td {
border: 1px solid var(--am2-table-border, rgba(255, 255, 255, 0.25));
padding: 5px 8px;
text-align: left;
}
.amily2-chat-table th {
background-color: var(--am2-header-bg, rgba(255, 255, 255, 0.1));
font-weight: bold;
}
/* Styles for collapsible in-chat tables */
.amily2-chat-table-summary {
cursor: pointer;
font-weight: bold;
padding: 5px;
border-radius: 4px;
transition: background-color 0.2s ease;
list-style: none; /* Hide the default triangle */
display: block;
}
.amily2-chat-table-summary::-webkit-details-marker {
display: none; /* Hide the default triangle in Chrome/Safari */
}
.amily2-chat-table-summary:before {
content: '▶';
margin-right: 8px;
font-size: 0.8em;
display: inline-block;
transition: transform 0.2s ease;
}
.amily2-chat-table-details[open] > .amily2-chat-table-summary:before {
transform: rotate(90deg);
}
.amily2-chat-table-summary:hover {
background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
.amily2-chat-table th,
.amily2-chat-table td {
padding: 4px 6px; /* Reduce padding on mobile */
font-size: 0.85em; /* Slightly smaller font on mobile */
}
#amily2-chat-table-container {
padding: 5px; /* Reduce container padding on mobile */
}
}
.amily2-chat-table td.amily2-cell-highlight {
background-color: var(--am2-cell-highlight-bg, rgba(144, 238, 144, 0.3));
transition: background-color 0.5s ease-in-out;
}