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 { | |||
max-height: 280px; | |||
overflow-y: auto; | |||
padding-right: 5px; | |||
box-sizing: border-box; | |||
} | |||
.notice-item { | |||
display: flex; | |||
align-items: flex-start; | |||
position: relative; | |||
/* allow absolute-positioned icon */ | |||
gap: 0; | |||
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; | |||
display: flex; | |||
flex-direction: column; | |||
gap: 0; | |||
position: relative; | |||
z-index: 2; | |||
padding-right: 0; | |||
} | |||
.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; | |||
} | |||
.notice-header { | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
justify-content: space-between; | |||
} | |||
.notice-header-left { | |||
display: flex; | |||
align-items: center; | |||
gap: 0; | |||
} | |||
.notice-header-right { | |||
white-space: nowrap; | |||
} | |||
.notice-date { | |||
font-size: .85em; | |||
color: #888; | |||
margin: 0 0 0 8px; | |||
} | |||
.notice-desc { | |||
color: #555; | |||
line-height: 1.35; | |||
margin: 2px 0 0 0 !important; | |||
display: block; | |||
} | |||
.notice-icon { | |||
width: 32px; | |||
height: 32px; | |||
object-fit: contain; | |||
flex-shrink: 0; | |||
border-radius: 4px; | |||
background: transparent; | |||
margin-top: 2px; | |||
position: static; | |||
opacity: 0.9; | |||
} | |||
.notice-icon--inline { | |||
display: inline-block; | |||
width: 32px; | |||
height: 32px; | |||
position: static; | |||
opacity: 0.9; | |||
} | |||
.notice-icon--overlay { | |||
display: none !important; | |||
} | |||
</style> | </style> | ||
<script> | |||
document.addEventListener('DOMContentLoaded', function () { | |||
document.querySelectorAll('.widget-changelog a').forEach(function(a){ | |||
a.setAttribute('target','_blank'); | |||
a.setAttribute('rel','noopener noreferrer'); | |||
}); | |||
}); | |||
</script> | |||
Edição das 14h09min de 10 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;
position: relative;
/* allow absolute-positioned icon */
gap: 0;
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;
display: flex;
flex-direction: column;
gap: 0;
position: relative;
z-index: 2;
padding-right: 0;
}
.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;
}
.notice-header {
display: flex;
align-items: center;
gap: 8px;
justify-content: space-between;
}
.notice-header-left {
display: flex;
align-items: center;
gap: 0;
}
.notice-header-right {
white-space: nowrap;
}
.notice-date {
font-size: .85em;
color: #888;
margin: 0 0 0 8px;
}
.notice-desc {
color: #555;
line-height: 1.35;
margin: 2px 0 0 0 !important;
display: block;
}
.notice-icon {
width: 32px;
height: 32px;
object-fit: contain;
flex-shrink: 0;
border-radius: 4px;
background: transparent;
margin-top: 2px;
position: static;
opacity: 0.9;
}
.notice-icon--inline {
display: inline-block;
width: 32px;
height: 32px;
position: static;
opacity: 0.9;
}
.notice-icon--overlay {
display: none !important;
}
</style> <script> document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.widget-changelog a').forEach(function(a){
a.setAttribute('target','_blank');
a.setAttribute('rel','noopener noreferrer');
});
}); </script>