Fix: Ajustes btn reportar erro. Removida classe btn-error e mantido o…

… comportamento padrão de btn secondary. Ajustado o card para receber link em todo o corpo e prever comportamento de mouseover para btn e texto com classe text-primary. Ajustado o componente blockquote para remover as aspas e texto em italico
scieloorg · Dec 16, 2024 · 01f755d · 01f755d
1 parent 8fa0117
commit 01f755d
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 156 deletions.
diff --git a/css/bootstrap.css b/css/bootstrap.css
diff --git a/css/bootstrap.css.map b/css/bootstrap.css.map
diff --git a/versions/1.0.0/dist/css/bootstrap.css b/versions/1.0.0/dist/css/bootstrap.css
diff --git a/versions/1.0.0/dist/css/bootstrap.css.map b/versions/1.0.0/dist/css/bootstrap.css.map
diff --git a/versions/1.0.0/src/common/scss/_components/_buttons.scss b/versions/1.0.0/src/common/scss/_components/_buttons.scss
@@ -1168,15 +1168,12 @@
 
 .floatingBtnError {
     position: fixed;
-    padding: 12px;
-    writing-mode: vertical-rl;
-    right: 8px;
-    top: 45%;
-    transform: rotate(-180deg);
-    line-height: 1rem;
-    height: 260px;
-    transition: none !important;
-    display:none;
+    right: calc(0px + var(--bs-gutter-x, 1.5rem));
+    top: 35%;
+    transform: rotate(-90deg);
+    display: none;
+    transform-origin: right center;
+    margin: 0;
 
     @media (min-width: 1024px){ 
         display: block;  

diff --git a/versions/1.0.0/src/common/scss/_components/_container-card.scss b/versions/1.0.0/src/common/scss/_components/_container-card.scss
@@ -1,125 +1,3 @@
-/*
-@mixin __card__base {
-    border-radius: __remcalc(3);
-    background: $__white;
-    border: 1px solid $__bg__gray--1;
-    @include __shadow--level2;
-}
-
-@mixin __card__body {
-    padding: __remcalc(24);
-}
-
-@mixin __card__body {
-    padding: __remcalc(24);
-}
-
-@mixin __card__header {
-    padding: __remcalc(12) __remcalc(24);
-    @include __text__overline;
-    color: $__text__emphasis--light !important;
-    background: $__bg__gray--1;
-}
-
-@mixin __card__title {
-    @include __text__title--4;
-    color: $__text__emphasis--light !important;
-    margin-bottom: __remcalc(0);
-}
-
-@mixin __card__subtitle {
-    @include __text__subhead--small;
-    color: $__text--light !important;
-    margin-top: __remcalc(12);
-    margin-bottom: 0;
-}
-
-@mixin __card__text {
-    @include __text__body;
-    color: $__text--light !important;
-    margin-top: __remcalc(12);
-    margin-bottom: 0;
-}
-
-@mixin __card__link {
-    @include __text__button;
-    display: inline-block;
-    color: $__interaction--light !important;
-    transition: .25s all;
-    box-shadow: 0 0 0 transparent;
-    border-radius: __remcalc(24);
-    margin-top: __remcalc(24); 
-
-    &:hover {
-        background: $__hover--light;
-        color: $__interaction--light;
-        @include __form-switch__track--hover;
-    }
-}
-
-@mixin __card__button {
-    margin-top: __remcalc(24);
-    margin-bottom: 0;
-}
-
-
-@if $bootstrap {
-    .card {
-        @include __card__base;
-
-        &-body {
-            @include __card__body;
-        }
-
-        &-title {
-            @include __card__title;
-        }
-
-        &-subtitle {
-            @include __card__subtitle;
-        }
-
-        &-text {
-            @include __card__text;
-        }
-
-        &-link {
-            @include __card__link;
-        }
-
-        .btn {
-            @include __card__button;
-        }
-        
-        .list-group-item {
-            color: $__text--light !important;   
-        }
-    }
-
-    .list-group-item {
-        padding: __remcalc(12) __remcalc(24);
-    }
-}
-
-@if $foundation {
-    .card {
-        @include __card__base;
-
-        &-divider {
-            @include __card__header;
-        }
-
-        &-section {
-            @include __card__body;
-        }
-
-        &-title {
-            @include __card__title;
-        }
-    }
-}
-*/
-
 //
 // Base styles
 //
@@ -130,13 +8,10 @@
     display: flex;
     flex-direction: column;
     min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
-    //height: $card-height;
     height: auto;
     word-wrap: break-word;
-    //background-color: $card-bg;
     background-color: $__bg--light;
     background-clip: border-box;
-    //border: $card-border-width solid $card-border-color;
     border: $border-width solid $__border--light;
     @include border-radius($card-border-radius);
 
@@ -347,6 +222,8 @@
   .card-img-top,
   .card-img-bottom {
     width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+    height: 9.3rem;
+    object-fit: cover; 
   }
 
   .card-img,
@@ -421,4 +298,27 @@
       }
     }
   }
-
+
+
+  .card{
+    .stretched-link{
+      &:hover{
+
+        .text-primary{
+          text-decoration: underline;
+          color: $link-hover-color !important;
+        }
+
+        .btn-secondary{
+          // mantem o botão como se estivesse no estado mouseover
+          background: #d9d9d9 radial-gradient(circle, transparent 1%, #d9d9d9 1%) center / 15000%;
+        }
+
+        .card-img-top{
+          transition: all .8s;
+          filter: brightness(0.83); /* Escurece a imagem */
+        }
+
+      }
+    }
+  }
diff --git a/versions/1.0.0/src/common/scss/_objects/_font-fixes.scss b/versions/1.0.0/src/common/scss/_objects/_font-fixes.scss
@@ -268,21 +268,6 @@ blockquote {
     padding: 0.8rem 1.4rem;
     border-left: 4px solid $border-color;
     background-color: $__bg__gray--2;
-    font-style: italic;
-
-    &::before{
-        content: "\201C"; /* Código ASCII para abrir aspas */
-        font-family: $__font__family--brand;
-        font-size: 2rem; /* Ajuste de estilo opcional */
-        line-height: 2rem;
-    }
-
-    &::after {
-        content: "\201D"; /* Código ASCII para fechar aspas */
-        font-family: $__font__family--brand;
-        font-size: 2rem; /* Ajuste de estilo opcional */
-        line-height: 2rem;
-    }
 
     @include __on-theme--dark {
         border-left-color: $__bg__white--2;