diff --git a/src/sass/_botonera-principal.scss b/src/sass/_botonera-principal.scss index 8aad67b..48e51db 100644 --- a/src/sass/_botonera-principal.scss +++ b/src/sass/_botonera-principal.scss @@ -20,6 +20,7 @@ position: relative; width: 90px; outline: 0; + transition: 0.3s; span { left: 0; position: absolute; @@ -254,44 +255,41 @@ } } - .btn-tareas-pausadas{ - background-color: #cd9035; - border-color: #cd9035 !important; - height: 30px; - text-align: center; - width: 280px; + .btn-tareas-pausadas { + padding-left: 2rem; + padding-right: 2rem; + border-radius: 4px; + font-size: 14px; + width: auto; + height: 35px; + color: white; background-image: none; - flood-color: #ffffff; - &:hover { - background-color: #cd9035; - } + background-color: #cd9035; + transition: 0.3s; + &:hover, &:focus { background-color: #cd9035; } } - .dropdown-tareas-pausadas{ - background: linear-gradient(0 ,#ffffff, #e6e6e6); - position: absolute; - will-change: transform; - top: 0px; - left: 0px; - transform: translate3d(0px, 0px, 0px); - margin-bottom: 5px; + .dropdown-tareas-pausadas { padding: 0px; - box-sizing: content-box; - border-radius: 12px; - font: small; + border-radius: 4px; + background: linear-gradient(0, #ffffff, #e6e6e6); transform: translate3d(0px, 30px, 0px); + box-sizing: content-box; + font-size: 12px; + transition: 0.3s; } - .items-dropdown{ - background-color:rgba(0, 0, 0, 0); - cursor: hand; - &:hover { + .items-dropdown { + cursor: pointer; + width: auto; + background-color: rgba(0, 0, 0, 0); + transition: 0.3s; + &:hover, + &:focus { background-color: #e6e6e6; - width: 98%; - border-radius: 12px; } }