From e162594ba7d094ccc35043aab43226c0b2f99fe9 Mon Sep 17 00:00:00 2001 From: Julio Arrieta <julioarrieta23@gmail.com> Date: Thu, 10 Oct 2019 12:36:57 -0300 Subject: [PATCH] Se hace al jsp Buscar responsive, puede haber algun error a corregir --- UyTube_web/web/Buscar.jsp | 6 +- UyTube_web/web/css/contenido-buscar.css | 257 ++++++++++++++-- UyTube_web/web/css/contenido-buscar.css.map | 2 +- UyTube_web/web/sass/contenido-buscar.sass | 315 ++++++++++++++++++-- 4 files changed, 518 insertions(+), 62 deletions(-) diff --git a/UyTube_web/web/Buscar.jsp b/UyTube_web/web/Buscar.jsp index e5c11a8..754234b 100644 --- a/UyTube_web/web/Buscar.jsp +++ b/UyTube_web/web/Buscar.jsp @@ -52,7 +52,7 @@ <!-- BOTONES DESPLEGABLES--> - <div class="d-flex bd-highlight "> + <div class="bd-highlight filtro"> <div class="p-2 bd-highlight "> <h4>Tipo de contenido</h4> </div> @@ -109,14 +109,14 @@ </div> </div><br> - <div class="video"> + <div class="video bd-highlight"> <div class="bd-highlight caja-imagen"> <div class="bd-highlight"> <a href="/uytube/video-consulta&id=1234"><img src="https://i.ytimg.com/vi/OVjbqdm_JVI/hqdefault.jpg"></a> </div> </div> <div class="bd-highlight caja-texto"> - <div class="bg-light" > + <div class="overflow-auto bg-light" > <h5 class="mt-0">Titulo del video</h5> <p>Descripcion del video: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p> </div> diff --git a/UyTube_web/web/css/contenido-buscar.css b/UyTube_web/web/css/contenido-buscar.css index 148eeb8..b994cb4 100644 --- a/UyTube_web/web/css/contenido-buscar.css +++ b/UyTube_web/web/css/contenido-buscar.css @@ -14,7 +14,7 @@ height: 100%; } .contenido .contenido-flexible { background-color: #f6f6f6; - margin-bottom: 16px; + margin-bottom: 10px; display: flex; flex-direction: row; justify-content: center; @@ -23,40 +23,18 @@ flex-shrink: 0; } .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { display: flex; - padding: 0px; - justify-content: space-between; - align-content: center; - width: 862px; - height: 152px; - background-color: #f8ff00; } + padding: 0px; } .contenido .contenido-flexible .caja-imagen { - display: flex; - justify-content: center; - align-items: center; - width: 246px; - height: 152px; } - .contenido .contenido-flexible .video img { - width: 246px; - height: 138px; } - .contenido .contenido-flexible .canal img { - width: 138px; - height: 138px; } + display: flex; } .contenido .contenido-flexible .caja-texto { font-size: 0.8rem; padding: 15px 10px 10px 10px; - background-color: orange; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 600px; - height: 152px; } + display: flex; } .contenido .contenido-flexible .caja-texto p { - background-color: #5aa1e3; - height: 70%; - overflow: auto; } + overflow: auto; + overflow-wrap: break-word; + padding-right: 10px; } .contenido .contenido-flexible .caja-texto h5 { - background-color: #007bff; min-height: 20px; overflow: auto; overflow-wrap: break-word; } @@ -105,6 +83,38 @@ .contenido .contenido-flexible { width: 100%; justify-content: center; } + .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { + flex-direction: column; + justify-content: space-between; + align-content: center; + width: 100%; + height: 250px; } + .contenido .contenido-flexible .caja-imagen { + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .video img { + width: 200px; + height: 150px; } + .contenido .contenido-flexible .canal img { + width: 138px; + height: 138px; } + .contenido .contenido-flexible .caja-texto { + padding: 5px; + overflow: auto; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 100px; } + .contenido .contenido-flexible .caja-texto .caja-texto p { + max-height: 50px; + overflow: auto; } + .contenido .contenido-flexible .caja-texto .caja-texto h5 { + height: 30%; + min-height: 20px; + overflow: auto; } .widgets { height: 170px; @@ -162,6 +172,38 @@ .contenido .contenido-flexible { width: 100%; justify-content: center; } + .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { + flex-direction: column; + justify-content: space-between; + align-content: center; + width: 100%; + height: 250px; } + .contenido .contenido-flexible .caja-imagen { + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .video img { + width: 200px; + height: 150px; } + .contenido .contenido-flexible .canal img { + width: 138px; + height: 138px; } + .contenido .contenido-flexible .caja-texto { + padding: 5px; + overflow: auto; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 100px; } + .contenido .contenido-flexible .caja-texto .caja-texto p { + max-height: 50px; + overflow: auto; } + .contenido .contenido-flexible .caja-texto .caja-texto h5 { + height: 30%; + min-height: 20px; + overflow: auto; } .widgets { height: 170px; @@ -219,6 +261,38 @@ .contenido .contenido-flexible { width: 100%; justify-content: center; } + .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { + flex-direction: column; + justify-content: space-between; + align-content: center; + width: 100%; + height: 250px; } + .contenido .contenido-flexible .caja-imagen { + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .video img { + width: 200px; + height: 150px; } + .contenido .contenido-flexible .canal img { + width: 138px; + height: 138px; } + .contenido .contenido-flexible .caja-texto { + padding: 5px; + overflow: auto; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 100px; } + .contenido .contenido-flexible .caja-texto .caja-texto p { + max-height: 50px; + overflow: auto; } + .contenido .contenido-flexible .caja-texto .caja-texto h5 { + height: 30%; + min-height: 20px; + overflow: auto; } .contenido .h3 { width: 90%; } @@ -279,6 +353,38 @@ width: 100%; justify-content: center; align-items: flex-start; } + .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { + flex-direction: row; + justify-content: space-between; + align-content: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .caja-imagen { + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .video img { + width: 200px; + height: 150px; } + .contenido .contenido-flexible .canal img { + width: 138px; + height: 138px; } + .contenido .contenido-flexible .caja-texto { + padding: 5px; + overflow: auto; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .caja-texto .caja-texto p { + max-height: 50px; + overflow: auto; } + .contenido .contenido-flexible .caja-texto .caja-texto h5 { + height: 30%; + min-height: 20px; + overflow: auto; } .widgets { height: 180px; @@ -332,6 +438,38 @@ .contenido .contenido-flexible { width: 100%; justify-content: center; } + .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { + flex-direction: row; + justify-content: space-between; + align-content: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .caja-imagen { + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .video img { + width: 200px; + height: 150px; } + .contenido .contenido-flexible .canal img { + width: 138px; + height: 138px; } + .contenido .contenido-flexible .caja-texto { + padding: 5px; + overflow: auto; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .caja-texto .caja-texto p { + max-height: 50px; + overflow: auto; } + .contenido .contenido-flexible .caja-texto .caja-texto h5 { + height: 30%; + min-height: 20px; + overflow: auto; } .widgets { height: 160px; @@ -381,6 +519,39 @@ .contenido .contenido-flexible { width: 100%; justify-content: center; } + .contenido .contenido-flexible .video, .contenido .contenido-flexible .canal, .contenido .contenido-flexible .lista { + flex-direction: row; + justify-content: space-between; + align-content: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .caja-imagen { + justify-content: center; + align-items: center; + width: 200px; + min-width: 200px; + height: 150px; } + .contenido .contenido-flexible .video img { + width: 200px; + height: 150px; } + .contenido .contenido-flexible .canal img { + width: 138px; + height: 138px; } + .contenido .contenido-flexible .caja-texto { + padding: 5px; + overflow: auto; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 150px; } + .contenido .contenido-flexible .caja-texto .caja-texto p { + max-height: 50px; + overflow: auto; } + .contenido .contenido-flexible .caja-texto .caja-texto h5 { + height: 30%; + min-height: 20px; + overflow: auto; } .widgets { height: 100px; @@ -413,6 +584,34 @@ .contenido { width: 70%; } + .contenido .video, .contenido .canal, .contenido .lista { + justify-content: space-between; + align-content: center; + width: 862px; + height: 152px; } + .contenido .caja-imagen { + justify-content: center; + align-items: center; + width: 246px; + height: 152px; } + .contenido .video img { + width: 246px; + height: 138px; } + .contenido .canal img { + width: 138px; + height: 138px; } + .contenido .caja-texto { + flex-direction: column; + justify-content: center; + align-items: center; + width: 600px; + height: 152px; } + .contenido .caja-texto p { + height: 70%; + overflow: auto; } + .contenido .caja-texto h5 { + min-height: 20px; + overflow: auto; } .widgets { height: 123px; diff --git a/UyTube_web/web/css/contenido-buscar.css.map b/UyTube_web/web/css/contenido-buscar.css.map index 5da0a59..7923e8b 100644 --- a/UyTube_web/web/css/contenido-buscar.css.map +++ b/UyTube_web/web/css/contenido-buscar.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "AAEA,UAAU;EACN,gBAAgB,ECUH,OAAO;EDTpB,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,iBAA4B;EAC3C,UAAU,EAAE,iBAA4B;;AAE5C,UAAU;EACN,gBAAgB,ECIH,OAAO;EDFpB,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,8BAAmB;IACf,gBAAgB,ECLP,OAAO;IDMhB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,mHAAsB;MAClB,OAAO,EAAE,IAAI;MACb,OAAO,EAAE,GAAG;IAGhB,2CAAY;MACR,OAAO,EAAE,IAAI;IAEjB,0CAAW;MAEP,SAAS,EAAE,MAAM;MACjB,OAAO,EAAE,mBAAmB;MAE5B,OAAO,EAAE,IAAI;IAEjB,4CAAa;MAET,QAAQ,EAAE,IAAI;MACd,aAAa,EAAE,UAAU;MACzB,aAAa,EAAE,IAAI;IACvB,6CAAc;MACV,UAAU,EAAE,IAAI;MAEhB,QAAQ,EAAE,IAAI;MACd,aAAa,EAAE,UAAU;;AAOrC,yBAAyB;EACrB,gBAAgB;IACZ,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;;EACtB,OAAO;IACH,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,SAAS;IACjB,WAAG;MACC,MAAM,EAAE,SAAS;IACrB,qBAAa;MACT,KAAK,EAAE,CAAC;MACR,KAAK,EAAE,IAAI;;EAEnB,eAAe;IACX,MAAM,EAAE,SAAS;;EAErB,QAAQ;IACJ,eAAe,EAAE,UAAU;IAC3B,oBAAW;MACP,WAAW,EAAE,GAAG;MAChB,YAAY,EAAE,IAAI;;EAE1B,uBAAuB;IACnB,KAAK,EAAE,IAAI;;EAEf,WAAW;IACP,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,IAAI;IACX,iBAAK;MACD,KAAK,EAAE,IAAI;IAEf,sBAAU;MACN,OAAO,EAAE,IAAI;;EACrB,KAAK;IACD,GAAG,EAAE,UAAU;;EACnB,UAAU;IACN,KAAK,EAAE,IAAI;IACX,8BAAmB;MACf,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,MAAM;MAEvB,mHAAsB;QAClB,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAEjB,2CAAY;QACR,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAGjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,0CAAW;QACP,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;QAEb,wDAAa;UACT,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;QAClB,yDAAc;UACV,MAAM,EAAE,GAAG;UACX,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;;EAE9B,QAAQ;IACJ,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,GAAG;IAChB,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,YAAY;IAC7B,aAAa,EAAE,MAAM;IACrB,kBAAS;MACL,KAAK,EAAE,IAAI;MACX,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,YAAY;MAC7B,WAAW,EAAE,MAAM;IACvB,kBAAS;MACL,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,YAAY;AAGzC,gDAAgD;EAC5C,gBAAgB;IACZ,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;;EAEtB,OAAO;IACH,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,GAAG;IACT,WAAG;MACC,MAAM,EAAE,SAAS;IACrB,qBAAa;MACT,KAAK,EAAE,CAAC;MACR,KAAK,EAAE,IAAI;;EAEnB,eAAe;IACX,MAAM,EAAE,SAAS;;EAErB,QAAQ;IACJ,eAAe,EAAE,UAAU;IAC3B,oBAAW;MACP,WAAW,EAAE,GAAG;MAChB,YAAY,EAAE,IAAI;;EAE1B,uBAAuB;IACnB,KAAK,EAAE,IAAI;;EAEf,WAAW;IACP,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,IAAI;IACX,iBAAK;MACD,KAAK,EAAE,IAAI;IAEf,sBAAU;MACN,OAAO,EAAE,IAAI;;EAGrB,UAAU;IACN,KAAK,EAAE,IAAI;IACX,8BAAmB;MACf,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,MAAM;MAEvB,mHAAsB;QAClB,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAEjB,2CAAY;QACR,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAGjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,0CAAW;QACP,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;QAEb,wDAAa;UACT,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;QAClB,yDAAc;UACV,MAAM,EAAE,GAAG;UACX,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;;EAE9B,QAAQ;IACJ,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,GAAG;IAChB,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,YAAY;IAC7B,aAAa,EAAE,MAAM;IACrB,kBAAS;MACL,KAAK,EAAE,IAAI;MACX,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,YAAY;MAC7B,WAAW,EAAE,MAAM;IACvB,kBAAS;MACL,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,YAAY;AAEzC,gDAAgD;EAC5C,gBAAgB;IACZ,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;;EAEtB,OAAO;IACH,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,SAAS;IACjB,WAAG;MACC,MAAM,EAAE,SAAS;IACrB,qBAAa;MACT,KAAK,EAAE,CAAC;MACR,KAAK,EAAE,IAAI;;EAEnB,eAAe;IACX,MAAM,EAAE,SAAS;;EAIrB,QAAQ;IACJ,eAAe,EAAE,UAAU;IAC3B,oBAAW;MACP,WAAW,EAAE,GAAG;MAChB,YAAY,EAAE,IAAI;;EAE1B,uBAAuB;IACnB,KAAK,EAAE,IAAI;;EAEf,WAAW;IACP,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,IAAI;IACX,iBAAK;MACD,KAAK,EAAE,IAAI;IAEf,sBAAU;MACN,OAAO,EAAE,IAAI;;EAGrB,UAAU;IACN,KAAK,EAAE,IAAI;IACX,8BAAmB;MACf,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,MAAM;MAEvB,mHAAsB;QAClB,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAEjB,2CAAY;QACR,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAGjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,0CAAW;QACP,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;QAEb,wDAAa;UACT,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;QAElB,yDAAc;UACV,MAAM,EAAE,GAAG;UACX,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;IAC1B,cAAG;MACC,KAAK,EAAE,GAAG;;EAElB,QAAQ;IACJ,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,YAAY;IAC7B,aAAa,EAAE,MAAM;IACrB,kBAAS;MACL,KAAK,EAAE,IAAI;MACX,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,YAAY;MAC7B,WAAW,EAAE,MAAM;IACvB,kBAAS;MACL,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,YAAY;AAIzC,mDAAmD;EAC/C,gBAAgB;IACZ,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;;EAEtB,OAAO;IACH,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,SAAS;IACjB,WAAG;MACC,MAAM,EAAE,SAAS;IACrB,qBAAa;MACT,KAAK,EAAE,CAAC;MACR,KAAK,EAAE,IAAI;;EAEnB,eAAe;IACX,MAAM,EAAE,SAAS;;EAErB,QAAQ;IACJ,eAAe,EAAE,UAAU;IAC3B,oBAAW;MACP,WAAW,EAAE,GAAG;MAChB,YAAY,EAAE,IAAI;;EAE1B,uBAAuB;IACnB,KAAK,EAAE,IAAI;;EAEf,WAAW;IACP,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,IAAI;IACX,iBAAK;MACD,KAAK,EAAE,IAAI;IAEf,sBAAU;MACN,OAAO,EAAE,IAAI;;EAGrB,UAAU;IACN,KAAK,EAAE,IAAI;IACX,8BAAmB;MACf,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,MAAM;MACvB,WAAW,EAAE,UAAU;MAEvB,mHAAsB;QAClB,cAAc,EAAE,GAAG;QACnB,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAEjB,2CAAY;QACR,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAGjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,0CAAW;QACP,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;QAEb,wDAAa;UACT,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;QAClB,yDAAc;UACV,MAAM,EAAE,GAAG;UACX,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;;EAE9B,QAAQ;IACJ,MAAM,EAAE,KAAK;IACb,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,YAAY;IAC7B,WAAW,EAAE,MAAM;IACnB,kBAAS;MACL,KAAK,EAAE,GAAG;MACV,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,YAAY;MAC7B,WAAW,EAAE,MAAM;IACvB,kBAAS;MACL,KAAK,EAAE,GAAG;MACV,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,YAAY;;EACrC,OAAO;IACH,OAAO,EAAE,aAAa;AAI9B,mDAAmD;EAC/C,gBAAgB;IACZ,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;;EAEtB,OAAO;IACH,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,SAAS;IACjB,YAAI;MACA,MAAM,EAAE,SAAS;IACrB,qBAAa;MACT,KAAK,EAAE,CAAC;MACR,KAAK,EAAE,IAAI;;EAEnB,eAAe;IACX,MAAM,EAAE,SAAS;;EAErB,QAAQ;IACJ,eAAe,EAAE,UAAU;;EAE/B,uBAAuB;IACnB,KAAK,EAAE,IAAI;IACX,mCAAW;MACP,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,aAAa;MAC9B,KAAK,EAAE,IAAI;MACX,yCAAK;QACD,KAAK,EAAE,GAAG;;EAEtB,UAAU;IACN,KAAK,EAAE,IAAI;IACX,8BAAmB;MACf,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,MAAM;MAEvB,mHAAsB;QAClB,cAAc,EAAE,GAAG;QACnB,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAEjB,2CAAY;QACR,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAGjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,0CAAW;QACP,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;QAEb,wDAAa;UACT,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;QAClB,yDAAc;UACV,MAAM,EAAE,GAAG;UACX,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;;EAE9B,QAAQ;IACJ,MAAM,EAAE,KAAK;IACb,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,YAAY;IAC7B,WAAW,EAAE,MAAM;IACnB,kBAAS;MACL,KAAK,EAAE,GAAG;MACV,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,aAAa;MAC9B,WAAW,EAAE,MAAM;IACvB,kBAAS;MACL,KAAK,EAAE,GAAG;MACV,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,aAAa;;EACtC,OAAO;IACH,OAAO,EAAE,aAAa;AAI9B,mDAAmD;EAC/C,gBAAgB;IACZ,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;;EAEtB,OAAO;IACH,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,MAAM;IACd,WAAG;MACC,MAAM,EAAE,MAAM;MACd,eAAe,EAAE,aAAa;MAE9B,oBAAQ;QACJ,eAAe,EAAE,aAAa;MAElC,mCAAuB;QACnB,KAAK,EAAE,IAAI;QACX,+CAAW;UACP,OAAO,EAAE,IAAI;UACb,eAAe,EAAE,aAAa;UAC9B,KAAK,EAAE,IAAI;UACX,qDAAK;YACD,KAAK,EAAE,GAAG;;EAE9B,eAAe;IACX,MAAM,EAAE,MAAM;;EAGlB,UAAU;IACN,KAAK,EAAE,IAAI;IACX,8BAAmB;MACf,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,MAAM;MAEvB,mHAAsB;QAClB,cAAc,EAAE,GAAG;QACnB,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;MAEjB,2CAAY;QACR,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,KAAK;MAGjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,yCAAU;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;MAEjB,0CAAW;QACP,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,MAAM;QACtB,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,KAAK;QAEb,wDAAa;UACT,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;QAClB,yDAAc;UACV,MAAM,EAAE,GAAG;UACX,UAAU,EAAE,IAAI;UAChB,QAAQ,EAAE,IAAI;;EAE9B,QAAQ;IACJ,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,IAAI;IACX,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,YAAY;IAC7B,WAAW,EAAE,MAAM;IACnB,kBAAS;MACL,KAAK,EAAE,GAAG;MACV,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,YAAY;MAC7B,WAAW,EAAE,MAAM;IACvB,kBAAS;MACL,KAAK,EAAE,GAAG;MACV,OAAO,EAAE,IAAI;MACb,cAAc,EAAE,GAAG;MACnB,eAAe,EAAE,MAAM;;EAC/B,OAAO;IACH,OAAO,EAAE,aAAa;AAK9B,yBAAyB;EAErB,OAAO;IACH,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,IAAI;IACZ,WAAG;MACC,MAAM,EAAE,IAAI;;EAEpB,eAAe;IACX,MAAM,EAAE,IAAI;;EAEhB,UAAU;IACN,KAAK,EAAE,GAAG;IACV,uDAAsB;MAClB,eAAe,EAAE,aAAa;MAC9B,aAAa,EAAE,MAAM;MACrB,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;IACjB,uBAAY;MACR,eAAe,EAAE,MAAM;MACvB,WAAW,EAAE,MAAM;MACnB,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;IAEjB,qBAAU;MACN,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;IAEjB,qBAAU;MACN,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;IAEjB,sBAAW;MAEP,cAAc,EAAE,MAAM;MACtB,eAAe,EAAE,MAAM;MACvB,WAAW,EAAE,MAAM;MACnB,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;IAEjB,wBAAa;MACT,MAAM,EAAE,GAAG;MACX,QAAQ,EAAE,IAAI;IAClB,yBAAc;MACV,UAAU,EAAE,IAAI;MAChB,QAAQ,EAAE,IAAI;;EAGtB,QAAQ;IACJ,MAAM,EAAE,KAAK;IAEb,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,YAAY;IAC7B,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM;IACrB,oBAAW;MACP,MAAM,EAAE,IAAI;IAChB,kBAAS;MACL,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,YAAY;IACjC,kBAAS;MACL,KAAK,EAAE,KAAK", "sources": ["../sass/contenido-buscar.sass","../sass/_colores.sass"], "names": [], "file": "contenido-buscar.css" diff --git a/UyTube_web/web/sass/contenido-buscar.sass b/UyTube_web/web/sass/contenido-buscar.sass index 92d28a3..36e6a82 100644 --- a/UyTube_web/web/sass/contenido-buscar.sass +++ b/UyTube_web/web/sass/contenido-buscar.sass @@ -17,7 +17,7 @@ height: 100% .contenido-flexible background-color: $colorGrisClaro - margin-bottom: 16px + margin-bottom: 10px display: flex flex-direction: row justify-content: center @@ -27,48 +27,29 @@ .video, .canal, .lista display: flex padding: 0px - justify-content: space-between - align-content: center - width: 862px - height: 152px - background-color: $amarillo + //background-color: $amarillo + //Estilos del contenedor para las imagenes .caja-imagen display: flex - justify-content: center - align-items: center - width: 246px - height: 152px - - //Imagen del video - .video img - width: 246px - height: 138px - //Imagen del canal - .canal img - width: 138px - height: 138px //Texto de los items .caja-texto //overflow: hidden font-size: 0.8rem padding: 15px 10px 10px 10px - background-color: orange + //background-color: orange display: flex - flex-direction: column - justify-content: center - align-items: center - width: 600px - height: 152px + //Estilos generales para el texto de los items .caja-texto p - background-color: $colorCelesteClaro - height: 70% + //background-color: $colorCelesteClaro overflow: auto - + overflow-wrap: break-word + padding-right: 10px .caja-texto h5 - background-color: $colorPrimary min-height: 20px + //background-color: $colorPrimary overflow: auto overflow-wrap: break-word + @@ -116,6 +97,46 @@ .contenido-flexible width: 100% justify-content: center + //Estilos para los items + .video, .canal, .lista + flex-direction: column + justify-content: space-between + align-content: center + width: 100% + height: 250px + //background-color: $violeta + .caja-imagen + justify-content: center + align-items: center + width: 100% + height: 150px + ///background-color: $grisVCodeBarra + //Imagen del video + .video img + width: 200px + height: 150px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + padding: 5px + overflow: auto + flex-direction: column + justify-content: center + align-items: center + width: 100% + height: 100px + //Estilos para los textos de los items + .caja-texto p + max-height: 50px + overflow: auto + .caja-texto h5 + height: 30% + min-height: 20px + overflow: auto + .widgets height: 170px padding-top: 5px @@ -176,6 +197,46 @@ .contenido-flexible width: 100% justify-content: center + //Estilos para los items + .video, .canal, .lista + flex-direction: column + justify-content: space-between + align-content: center + width: 100% + height: 250px + //background-color: $violeta + .caja-imagen + justify-content: center + align-items: center + width: 100% + height: 150px + //background-color: $grisVCodeBarra + //Imagen del video + .video img + width: 200px + height: 150px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + padding: 5px + overflow: auto + flex-direction: column + justify-content: center + align-items: center + width: 100% + height: 100px + //Estilos para los textos de los items + .caja-texto p + max-height: 50px + overflow: auto + .caja-texto h5 + height: 30% + min-height: 20px + overflow: auto + .widgets height: 170px padding-top: 5px @@ -237,8 +298,49 @@ .contenido-flexible width: 100% justify-content: center + //Estilos para los items + .video, .canal, .lista + flex-direction: column + justify-content: space-between + align-content: center + width: 100% + height: 250px + //background-color: $violeta + .caja-imagen + justify-content: center + align-items: center + width: 100% + height: 150px + //background-color: $grisVCodeBarra + //Imagen del video + .video img + width: 200px + height: 150px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + padding: 5px + overflow: auto + flex-direction: column + justify-content: center + align-items: center + width: 100% + height: 100px + //Estilos para los textos de los items + .caja-texto p + max-height: 50px + overflow: auto + + .caja-texto h5 + height: 30% + min-height: 20px + overflow: auto .h3 width: 90% + .widgets height: 180px padding-top: 10px @@ -301,6 +403,45 @@ width: 100% justify-content: center align-items: flex-start + //Estilos para los items + .video, .canal, .lista + flex-direction: row + justify-content: space-between + align-content: center + width: 100% + height: 150px + //background-color: $violeta + .caja-imagen + justify-content: center + align-items: center + width: 100% + height: 150px + //background-color: $grisVCodeBarra + //Imagen del video + .video img + width: 200px + height: 150px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + padding: 5px + overflow: auto + flex-direction: column + justify-content: center + align-items: center + width: 100% + height: 150px + //Estilos para los textos de los items + .caja-texto p + max-height: 50px + overflow: auto + .caja-texto h5 + height: 30% + min-height: 20px + overflow: auto .widgets height: 180px @@ -356,6 +497,46 @@ .contenido-flexible width: 100% justify-content: center + //Estilos para los items + .video, .canal, .lista + flex-direction: row + justify-content: space-between + align-content: center + width: 100% + height: 150px + //background-color: $violeta + .caja-imagen + justify-content: center + align-items: center + width: 100% + height: 150px + //background-color: $grisVCodeBarra + //Imagen del video + .video img + width: 200px + height: 150px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + padding: 5px + overflow: auto + flex-direction: column + justify-content: center + align-items: center + width: 100% + height: 150px + //Estilos para los textos de los items + .caja-texto p + max-height: 50px + overflow: auto + .caja-texto h5 + height: 30% + min-height: 20px + overflow: auto + .widgets height: 160px flex-direction: column @@ -409,6 +590,47 @@ .contenido-flexible width: 100% justify-content: center + //Estilos para los items + .video, .canal, .lista + flex-direction: row + justify-content: space-between + align-content: center + width: 100% + height: 150px + //background-color: $violeta + .caja-imagen + justify-content: center + align-items: center + width: 200px + min-width: 200px + height: 150px + //background-color: $grisVCodeBarra + //Imagen del video + .video img + width: 200px + height: 150px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + padding: 5px + overflow: auto + flex-direction: column + justify-content: center + align-items: center + width: 100% + height: 150px + //Estilos para los textos de los items + .caja-texto p + max-height: 50px + overflow: auto + .caja-texto h5 + height: 30% + min-height: 20px + overflow: auto + .widgets height: 100px width: 100% @@ -444,6 +666,41 @@ //Estilos del contenido principal .contenido width: 70% + .video, .canal, .lista + justify-content: space-between + align-content: center + width: 862px + height: 152px + .caja-imagen + justify-content: center + align-items: center + width: 246px + height: 152px + //Imagen del video + .video img + width: 246px + height: 138px + //Imagen del canal + .canal img + width: 138px + height: 138px + //Texto de los items + .caja-texto + //overflow: hidden + flex-direction: column + justify-content: center + align-items: center + width: 600px + height: 152px + //Estilos para los textos de los items + .caja-texto p + height: 70% + overflow: auto + .caja-texto h5 + min-height: 20px + overflow: auto + + .widgets height: 123px //height: 223px -- GitLab