Mudanças entre as edições de "Widget:MainPageChangelog"

De Wiki Gla
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;           /* borda padrão */
     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);
     /* destaque do item (não use shorthand aqui) */
     border-left:5px solid var(--notice-color);
    border-left-width:5px;
    border-left-style:solid;
     border-left-color: var(--notice-color, #f5b700);
   }
   }


Linha 26: Linha 26:
   .notice-title, .notice-title a{
   .notice-title, .notice-title a{
     display:block;
     display:block;
     font-size:1.3em;
     font-size:1.05rem; /* slightly smaller */
     font-weight:bold;
     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>