Mudanças entre as edições de "Widget:MainPageChangelog"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 1: | Linha 1: | ||
<style> | <style> | ||
.widget-changelog{ | |||
.widget-changelog{ | .widget-changelog{ | ||
max-height: 280px; | max-height: 280px; | ||
| Linha 8: | Linha 9: | ||
.notice-item{ | .notice-item{ | ||
display:flex; align-items:flex-start; | display:flex; | ||
align-items:flex-start; | |||
gap:10px; | |||
background:#fff; | background:#fff; | ||
border:1px solid #ddd; | border:1px solid #ddd; /* borda padrão */ | ||
border-radius:6px; | border-radius:6px; | ||
margin-bottom:10px; | margin-bottom:10px; | ||
padding:8px 10px; | padding:8px 10px; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
--notice-color: var(--notice-color, #f5b700); | |||
border-left:5px solid var(--notice-color); | |||
border-left | |||
} | } | ||
| Linha 26: | Linha 26: | ||
.notice-title, .notice-title a{ | .notice-title, .notice-title a{ | ||
display:block; | display:block; | ||
font-size:1. | font-size:1.05rem; /* slightly smaller */ | ||
font-weight: | font-weight:700; | ||
color:#333; | color:#333; | ||
text-decoration:none; | text-decoration:none; | ||
margin:0; | margin:0 0 2px 0; | ||
line-height:1.1; | |||
} | } | ||
.notice-title a:hover{ text-decoration: underline; } | .notice-title a:hover{ text-decoration: underline; } | ||
| Linha 36: | Linha 37: | ||
.notice-date{ font-size:.9em; color:#888; margin:-5px 0; } | .notice-date{ font-size:.9em; color:#888; margin:-5px 0; } | ||
.notice-desc{ color:#555; line-height:1.3; margin:0; } | .notice-desc{ color:#555; line-height:1.3; margin:0; } | ||
.notice-icon{ object-fit:contain; flex-shrink:0; } | /* icon: fixed size, responsive and separated from content */ | ||
.notice-icon{ | |||
width:48px; | |||
height:48px; | |||
object-fit:contain; | |||
flex-shrink:0; | |||
border-radius:4px; | |||
background:transparent; | |||
margin-top:2px; | |||
} | |||
</style> | </style> | ||
Edição das 20h06min de 2 de setembro de 2025
<style>
.widget-changelog{
.widget-changelog{
max-height: 280px;
overflow-y: auto;
padding-right: 5px;
box-sizing: border-box;
}
.notice-item{
display:flex;
align-items:flex-start;
gap:10px;
background:#fff;
border:1px solid #ddd; /* borda padrão */
border-radius:6px;
margin-bottom:10px;
padding:8px 10px;
box-sizing:border-box;
--notice-color: var(--notice-color, #f5b700);
border-left:5px solid var(--notice-color);
}
.notice-content{ flex:1; }
.notice-title, .notice-title a{
display:block;
font-size:1.05rem; /* slightly smaller */
font-weight:700;
color:#333;
text-decoration:none;
margin:0 0 2px 0;
line-height:1.1;
}
.notice-title a:hover{ text-decoration: underline; }
.notice-date{ font-size:.9em; color:#888; margin:-5px 0; }
.notice-desc{ color:#555; line-height:1.3; margin:0; }
/* icon: fixed size, responsive and separated from content */
.notice-icon{
width:48px;
height:48px;
object-fit:contain;
flex-shrink:0;
border-radius:4px;
background:transparent;
margin-top:2px;
}
</style>