Commit 19939d4e6ed4473938c0deafc9814f9ac8dda903
Exists in
master
Merge branch 'master' into 'master'
arreglos estilo para mobile See merge request Wrappers/wrapper-demo!26
Showing
5 changed files
Show diff stats
index.html
| ... | ... | @@ -58,7 +58,7 @@ |
| 58 | 58 | </style> |
| 59 | 59 | <botonera-horizontal></botonera-horizontal> |
| 60 | 60 | <div ng-view class="container contenedor"></div> |
| 61 | - <div ng-controller="appWrapperDemoController" class="container"> | |
| 61 | + <div ng-controller="appWrapperDemoController" class="container d-none d-sm-block"> | |
| 62 | 62 | <div |
| 63 | 63 | class="btn-group-toggle" |
| 64 | 64 | data-toggle="buttons" |
src/sass/_acciones-mobile.scss
src/sass/_bootstrap.scss
| ... | ... | @@ -9,4 +9,19 @@ |
| 9 | 9 | font-size: .8rem; |
| 10 | 10 | line-height: 1.5; |
| 11 | 11 | border-radius: .2rem; |
| 12 | +} | |
| 13 | +.no-border-bottom { | |
| 14 | + border-bottom: 0 !important; | |
| 15 | +} | |
| 16 | +.no-border-top { | |
| 17 | + border-top: 0 !important; | |
| 18 | +} | |
| 19 | +.no-border { | |
| 20 | + border: 0 !important; | |
| 21 | +} | |
| 22 | +.margin-bottom-mobile { | |
| 23 | + margin-bottom: 2.5em !important; | |
| 24 | +} | |
| 25 | +.tamaño-boton { | |
| 26 | + width:44px; | |
| 12 | 27 | } |
| 13 | 28 | \ No newline at end of file |
src/sass/_contenedor.scss
| ... | ... | @@ -4,11 +4,16 @@ body { |
| 4 | 4 | |
| 5 | 5 | .contenedor { |
| 6 | 6 | background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); |
| 7 | - min-height: 600px; | |
| 8 | - min-width: 800px; | |
| 7 | + @media (min-width: 768px) { | |
| 8 | + min-height: 600px; | |
| 9 | + min-width: 800px; | |
| 10 | + } | |
| 11 | + | |
| 9 | 12 | } |
| 10 | 13 | |
| 11 | 14 | .grilla-articulo { |
| 12 | 15 | background-color: rgba(0, 0, 0, 0.8); |
| 13 | - height: 430px; | |
| 16 | + @media (min-width: 768px) { | |
| 17 | + height: 430px; | |
| 18 | + } | |
| 14 | 19 | } |