arreglo detalles layout

DemocraciaEnRed · Dec 7, 2023 · 1855b35 · 1855b35
1 parent 27420b8
commit 1855b35
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 36 deletions.
diff --git a/lib/boot/global.styl b/lib/boot/global.styl
@@ -111,3 +111,6 @@ a:hover, a:focus, a:active
 
 .btn-outline-success:hover
   background-color: $success-color
+
+.btn-rounded
+  border-radius: 50000px!important;
diff --git a/lib/frontend/site/home-forum/component.js b/lib/frontend/site/home-forum/component.js
@@ -132,7 +132,7 @@ export default class HomeForum extends Component {
               <h1>{forum.title}</h1>
               { (forum.extra.contentType === 'ejes' || forum.extra.contentType === undefined) &&
               <a
-                className='btn btn-primary'
+                className='btn btn-primary btn-rounded'
                 onClick={this.handleScroll} >
                 Elegí un eje y participá
               </a>

diff --git a/lib/frontend/site/home-multiforum/component.js b/lib/frontend/site/home-multiforum/component.js
@@ -123,7 +123,7 @@ class HomeMultiForum extends Component {
               <br />
               <h6 className="skyblue fw-bolder">¿Cómo podes participar?</h6>
           </div>
-          <div className='section-icons col-md-10 offset-md-1'>
+          <div className='section-icons col-lg-10 offset-lg-1'>
             <div className='row'>
               <div className='col-md-4'>
                 <div className="section-icon my-2">
@@ -175,7 +175,7 @@ class HomeMultiForum extends Component {
 
           <div className="filter-container content-center">
             <div className="btn-group btn-group-sm dropdown-element" role="group" aria-label="Filtros">
-              <button
+              {/* <button
                 className={`btn dropbtn ${activeFilter === 'byDate' ? 'btn-active' : 'btn-secondary'}`}
                 onClick={this.handleClick.bind(this, 'byDate')}
               >
@@ -189,22 +189,22 @@ class HomeMultiForum extends Component {
                     return 'Finalizadas'
                   }
               })()}
-              </button>
+              </button> */}
               <ul className='dropdown-content'>
                 <li
-                  className={`btn btn-item-dropdown ${activeFilter === 'byDate' ? 'btn-active' : 'btn-secondary'}`}
+                  className={`btn btn-item-dropdown mx-1 ${activeFilter === 'byDate' ? 'btn-active' : 'btn-secondary'}`}
                   onClick={this.handleClick.bind(this, 'byDate')}
                 >
                   Nuevas
                 </li>
                 <li
-                  className={`btn btn-item-dropdown ${activeFilter === 'byPopular' ? 'btn-active' : 'btn-secondary'}`}
+                  className={`btn btn-item-dropdown mx-1 ${activeFilter === 'byPopular' ? 'btn-active' : 'btn-secondary'}`}
                   onClick={this.handleClick.bind(this, 'byPopular')}
                 >
                   Mayor Participación
                 </li>
                 <li
-                  className={`btn btn-item-dropdown ${activeFilter === 'byClosed' ? 'btn-active' : 'btn-secondary'}`}
+                  className={`btn btn-item-dropdown mx-1 ${activeFilter === 'byClosed' ? 'btn-active' : 'btn-secondary'}`}
                   onClick={this.handleClick.bind(this, 'byClosed')}
                 >
                   Finalizadas

diff --git a/lib/frontend/site/home-multiforum/styles.styl b/lib/frontend/site/home-multiforum/styles.styl
@@ -112,10 +112,6 @@
   .section-icons
     font-weight:600
     margin-top:20px
-    @media (max-width: 760px)
-      margin-left:6%
-    @media (max-width: 460px)
-      margin-left:10px
     .section-icon
       display: flex;
       padding: 20px 20px;
@@ -153,47 +149,24 @@
       min-width:130px
       border-radius: 5000px;
       font-size:13px !important
-      padding: 10px 40px 10px 40px !important
+      padding: 10px!important
 
     .btn-secondary
       min-width:200px
       border: 1px solid #000;
-      margin: 0 10px 0 10px
       background: transparent
 
     .btn-active
       min-width:200px
       text-underline: none
       background-color: $secondary-color
-      margin: 0 10px 0 10px
       color: $main-color
       &:focus
         outline: none
 
 .dropbtn
   width:150px
   font-size:16px !important
-  @media (min-width: 701px)
-    display:none
-
-.dropdown-element:hover .dropdown-content
-  @media (max-width: 700px)
-    display: block
-
-.dropdown-content
-  @media (max-width: 700px)
-    li
-      display:block
-      margin-bottom:0
-
-.dropdown-content
-  @media (max-width: 700px)
-    display: none
-    position: absolute
-    z-index: 1
-    left: -14px
-    top: 36px
-
 .dropdown-element
   @media (max-width: 700px)
     position: relative
@@ -217,4 +190,5 @@
   background-position: center
   background-repeat: no-repeat
   // background-repeat: no-repeat
-  background-size: cover  
+  background-size: cover  
+