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{ | ||
max-height: 280px; | max-height: 280px; | ||
| Linha 30: | Linha 29: | ||
color:#333; | color:#333; | ||
text-decoration:none; | text-decoration:none; | ||
margin: | margin:0; | ||
line-height:1.1; | line-height:1.1; | ||
} | } | ||
.notice-title a:hover{ text-decoration: underline; } | .notice-title a:hover{ text-decoration: underline; } | ||
.notice-date{ font-size:.9em; color:#888; margin: | /* layout the text vertically and control spacing consistently */ | ||
.notice-desc{ color:#555; line-height:1. | .notice-content{ display:flex; flex-direction:column; gap:4px; } | ||
.notice-date{ font-size:.9em; color:#888; margin:0; } | |||
.notice-desc{ color:#555; line-height:1.4; margin:6px 0 0 0; } | |||
/* icon: fixed size, responsive and separated from content */ | /* icon: fixed size, responsive and separated from content */ | ||
.notice-icon{ | .notice-icon{ | ||
width:32px; | |||
height:32px; | |||
object-fit:contain; | object-fit:contain; | ||
flex-shrink:0; | flex-shrink:0; | ||
border-radius:4px; | border-radius:4px; | ||
background:transparent; | background:transparent; | ||
/* align icon visually with the top of the card/content */ | |||
margin-top:4px; | |||
} | } | ||
</style> | </style> | ||
Edição das 20h13min de 2 de setembro de 2025
<style>
.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;
line-height:1.1;
}
.notice-title a:hover{ text-decoration: underline; }
/* layout the text vertically and control spacing consistently */
.notice-content{ display:flex; flex-direction:column; gap:4px; }
.notice-date{ font-size:.9em; color:#888; margin:0; }
.notice-desc{ color:#555; line-height:1.4; margin:6px 0 0 0; }
/* icon: fixed size, responsive and separated from content */
.notice-icon{
width:32px;
height:32px;
object-fit:contain;
flex-shrink:0;
border-radius:4px;
background:transparent;
/* align icon visually with the top of the card/content */
margin-top:4px;
}
</style>