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 {
    max-height: 280px;
        max-height: 280px;
    overflow-y: auto;
        overflow-y: auto;
    padding-right: 5px;
        padding-right: 5px;
    box-sizing: border-box;
        box-sizing: border-box;
  }
    }


  .notice-item{
    .notice-item {
    display:flex;
        display: flex;
    align-items:flex-start;
        align-items: flex-start;
    position:relative; /* allow absolute-positioned icon */
        position: relative;
    gap:0;
        /* allow absolute-positioned icon */
    background:#fff;
        gap: 0;
    border:1px solid #ddd; /* borda padrão */
        background: #fff;
    border-radius:6px;
        border: 1px solid #ddd;
    margin-bottom:10px;
        /* borda padrão */
    padding:8px 10px;
        border-radius: 6px;
    box-sizing:border-box;
        margin-bottom: 10px;
    --notice-color: var(--notice-color, #f5b700);
        padding: 8px 10px;
    border-left:5px solid var(--notice-color);
        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-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0;
        position: relative;
        z-index: 2;
        padding-right: 0;
    }


  .notice-title, .notice-title a{
    .notice-title,
    display:block;
    .notice-title a {
    font-size:1.05rem; /* slightly smaller */
        display: block;
    font-weight:700;
        font-size: 1.05rem;
    color:#333;
        /* slightly smaller */
    text-decoration:none;
        font-weight: 700;
    margin:0;
        color: #333;
    line-height:1.1;
        text-decoration: none;
  }
        margin: 0;
  .notice-title a:hover{ text-decoration: underline; }
        line-height: 1.1;
    }


  /* layout the text vertically and control spacing consistently */
    .notice-title a:hover {
  /* header: inline row with optional inline icon, title and date */
        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-header {
  .notice-desc{ color:#555; line-height:1.35; margin:2px 0 0 0 !important; display:block; }
        display: flex;
  /* icon: fixed size, responsive and separated from content */
        align-items: center;
  .notice-icon{
        gap: 8px;
    width:32px;
        justify-content: space-between;
    height:32px;
    }
    object-fit:contain;
 
    flex-shrink:0;
    .notice-header-left {
    border-radius:4px;
        display: flex;
    background:transparent;
        align-items: center;
    /* inline, left of title */
        gap: 0;
    margin-right:8px;
    }
    margin-top:2px;
 
    position:static;
    .notice-header-right {
    opacity:0.9;
        white-space: nowrap;
  }
    }
 
 
  /* keep only inline/icon styling — no mobile repositioning or overlay logic */
    .notice-date {
  .notice-icon--inline{ display:inline-block; width:32px; height:32px; margin-right:8px; position:static; opacity:0.9; }
        font-size: .85em;
  .notice-icon--overlay{ display:none !important; }
        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>