Esenjin_Asakha/Lectures
Esenjin_Asakha/Lectures
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

amélioration de l'affichage de l'éditeur

Browse Source
This commit is contained in:
Esenjin 2025-02-15 15:00:05 +01:00
parent cef00e62e1
commit c8713a1ceb
1 changed files with 52 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
assets/css/editor.css
View File

@ -219,9 +219,40 @@
}
/* Style des icônes dans la barre d'outils */
.ql-snow .ql-toolbar button svg {
width: 18px;
height: 18px;
.ql-toolbar.ql-snow {
background: var(--bg-secondary);
border-color: var(--border-color);
border-radius: var(--radius-sm) var(--radius-sm) 0 0;
padding: var(--spacing-sm);
display: flex;
flex-wrap: wrap;
gap: 5px;
}
/* États au survol des boutons */
.ql-toolbar.ql-snow button:hover {
color: var(--accent-primary) !important;
}
.ql-toolbar.ql-snow button:hover svg {
stroke: var(--accent-primary) !important;
}
.ql-toolbar.ql-snow button:hover .ql-stroke {
stroke: var(--accent-primary) !important;
}
.ql-toolbar.ql-snow button:hover .ql-fill {
fill: var(--accent-primary) !important;
}
/* Style des pickers (menus déroulants) */
.ql-toolbar.ql-snow .ql-picker-label:hover {
color: var(--accent-primary) !important;
}
.ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke {
stroke: var(--accent-primary) !important;
}
/* Style du séparateur dans l'éditeur */
@ -237,15 +268,26 @@
opacity: 0.8;
}
/* États au survol des boutons */
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke {
stroke: var(--accent-primary);
/* Style de base des icônes */
.ql-snow .ql-stroke {
stroke: var(--text-primary);
}
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill {
fill: var(--accent-primary);
.ql-snow .ql-fill {
fill: var(--text-primary);
}
.ql-snow .ql-picker {
color: var(--text-primary);
}
/* États actifs des boutons */
.ql-toolbar.ql-snow .ql-active,
.ql-toolbar.ql-snow .ql-active .ql-stroke,
.ql-toolbar.ql-snow .ql-active .ql-fill {
color: var(--accent-primary) !important;
stroke: var(--accent-primary) !important;
fill: var(--accent-primary) !important;
}
/* Responsive */