diff --git a/src/app/item-page/sedici-item-certificate/sedici-item-certificate.html b/src/app/item-page/sedici-item-certificate/sedici-item-certificate.html index 7c2c07085a5..fa56b905a53 100644 --- a/src/app/item-page/sedici-item-certificate/sedici-item-certificate.html +++ b/src/app/item-page/sedici-item-certificate/sedici-item-certificate.html @@ -6,216 +6,215 @@
-

- . - {{ object.firstMetadataValue('sedici.title.subtitle') }} - -

- - - -
-

-
- - -
-
- -
- ({{titleAlternative.language}}) - -
-
-
-

-
-
-
- - - - - - - - - - - - - - -
- -
-
- - - - - - - - -
-
+

+ CERTIFICADO DE DEPÓSITO +

+

Por medio del presente certificado, SEDICI confirma el depósito de esta obra en el repositorio institucional de la UNLP

+ - -
-
-
-
- -
-
-
-
-
-

Por medio del presente certificado, SEDICI confirma el depósito de esta obra en el repositorio institucional de la UNLP

-

Este documento fue generado el {{ fechaActual | date: 'dd/MM/yyyy' }} a las {{ fechaActual | date: 'HH:mm' }} por el usuario {{(user$ | async)?.email}}

-
-
- +
+
+
+
+ +
+ + +
+
- - +

Puede acceder a la obra a través del siguiente enlace o a través del qr a continuación:

+
+
+
+
+ +
+

Este documento fue generado el {{ fechaActual | date: 'dd/MM/yyyy' }} a las {{ fechaActual | date: 'HH:mm' }} por el usuario {{(user$ | async)?.email}}

+
diff --git a/src/app/item-page/sedici-item-certificate/sedici-item-certificate.scss b/src/app/item-page/sedici-item-certificate/sedici-item-certificate.scss index 8f211131350..51debeb9b8d 100644 --- a/src/app/item-page/sedici-item-certificate/sedici-item-certificate.scss +++ b/src/app/item-page/sedici-item-certificate/sedici-item-certificate.scss @@ -5,26 +5,51 @@ // Ajustes específicos para impresión body, html { - font-size: 12px !important; // Reducir tamaño base + // font-size: 1.2rem !important; // Reducir tamaño base + font-family: Verdana, Geneva, Tahoma, sans-serif !important; + font-size: 12px !important; + line-height: 1.4 !important; } .container { - font-size: 0.6rem !important; // Más pequeño que .75rem + font-size: 1rem !important; // Más pequeño que .75rem margin: 0 !important; - padding: 0 10px !important; max-width: 100% !important; } .jumbotron { - padding: 0.5rem 0 !important; + padding: 0 !important; margin: 0 !important; background-color: #f6f6f6 !important; + font-size: 1rem !important; // Reducir tamaño base + + .container { + .texto-handler { + padding-top: 1.2rem !important; + font-size: 0.85rem !important; + + a { + display: inline !important; + visibility: visible !important; + color: #0066cc !important; + text-decoration: underline !important; + } + } + } } + + .jumbotron.container { + padding: 0 !important; + font-size: 1rem !important; // Reducir tamaño base + } + + .title-content { font-size: 1.4em !important; // Reducido de 1.75em line-height: 1.2 !important; - margin-bottom: 0.5rem !important; + //margin-bottom: 0.5rem !important; + font-weight: bold !important; } .title-alternative-content { @@ -32,50 +57,73 @@ margin: 0.25rem 0 !important; line-height: 1.2 !important; } - - sedici-context, + + .generic-item-page-field { + font-size: 1em !important; // Reducido de 1.25em + } + .author-container { ::ng-deep span, ::ng-deep a { - font-size: 1.1em !important; // Reducido de 1.33333em + font-size: 0.9em !important; // Reducido de 1.33333em line-height: 1.3 !important; + margin-top: 0em !important; + margin-bottom: 0em !important; + padding: 0em !important; + } + + ::ng-deep .simple-view-element{ + margin-bottom: 0rem !important; // Espacio entre campos + margin-top: 0rem !important; + padding: 0rem !important; + font-size: 0.9em !important; // Reducido de 1.2em } ::ng-deep h6 { - font-size: 1.1em !important; - margin-bottom: 0.25rem !important; + margin-top: 0em !important; + margin-bottom: 0em !important; + padding-top: 0em !important; + padding-bottom: 0em !important; + font-size: 0.9em !important; + font-weight: normal !important; // Labels no en negrita } } - - .metadata-column { - padding: 0 0.25rem !important; - - ::ng-deep ds-generic-item-page-field, + + .metadata-column{ + padding-left: 0 !important; + font-size: 0.5em !important; // Reducido de 1.25em + } + + .metadata-column { + ::ng-deep ds-generic-item-page-field ::ng-deep sedici-truncatable-generic-item-page-field, ::ng-deep ds-item-page-uri-field { - span, a, h6 { - font-size: 1em !important; // Reducido de 1.25em + + h6 { + font-size: 0.9em !important; // Labels más pequeños + font-weight: bold !important; } - } - } - - .texto-imprimir { - margin-top: 5px !important; - font-size: 1.1rem !important; // Reducido de 1.4rem - line-height: 1.3 !important; - p { - margin-bottom: 0.5rem !important; + span, a { + font-size: 0.9em !important; // Contenido de metadatos más pequeño + line-height: 1.3 !important; + font-weight: normal !important; + } } + } - - .contenedor-qr { - margin-bottom: 1% !important; - margin-top: 10px !important; - - qrcode { - transform: scale(0.8) !important; // Reducir tamaño del QR + + .item-identifiers { + margin: 0.25rem 0 !important; + + ::ng-deep .badge { + font-size: 0.85em !important; // Badges más pequeños + font-weight: normal !important; } } + + .texto-qr{ + font-size: 0.85rem !important; // Reducido de 1em + } .divider-top { margin-top: 0.5rem !important; @@ -89,10 +137,7 @@ // Reducir espaciado general .row { margin: 0 !important; - } - - .col-12, .col-lg-4, .col-lg-8, .col-md-12 { - padding: 0 0.25rem !important; + font-size: 1.1em; } // Asegurar que el contenido entre en una página @@ -102,23 +147,26 @@ ::ng-deep .simple-view-element { margin-bottom: 0.2rem !important; line-height: 1.3 !important; + font-size: 1.2em !important; } } + } +// ===== ESTILOS ORDENADOS SEGÚN HTML ===== + .container { - font-size: .75rem; + font-size: 1em; .texto-imprimir{ margin-top: 10px; - font-size: 1.4rem; } -} -.jumbotron { - padding: 1rem 0 0; - margin-bottom: 0; - background-color: #f6f6f6; + .texto-imprimir.p{ + text-align: center; + font-size: 1em; + } + } .badge-title-container { @@ -138,12 +186,26 @@ margin-bottom: 0px; } } + +} + +.certificate-title { + font-size: 2em; + font-weight: bold; + margin-bottom: 0.5rem; + text-align: center; } .edit-menu { margin-left: auto; } +.item-title { + font-size: 1.9em; + font-weight: bold; + margin-bottom: 0.5rem; +} + .title-alternative-content { font-size: 1.33333em; font-weight: var(--font-weight-regular); @@ -169,25 +231,25 @@ border-bottom: 1px solid #D8E8Eb; } +.author-container { + ::ng-deep .simple-view-element { + line-height: 1.5; + } +} + sedici-context, .author-container { ::ng-deep span, ::ng-deep a { - font-size: 1.33333em; + font-size: 1.2em; font-weight: var(--font-weight-regular); } ::ng-deep h6 { - font-size: 1.33333em; + font-size: 1.2em; font-weight: var(--font-weight-bold); } } -.author-container { - ::ng-deep .simple-view-element { - line-height: 1.5; - } -} - .flex-container { @media screen and (min-width: 769px) { display: flex; @@ -210,42 +272,9 @@ sedici-context, } -.botones-context { - display: flex; - gap: 0.2rem; - flex-shrink: 0; - - @media screen and (max-width: 768px) { - gap: 0; - - button { - flex: 1 100%; - border-radius: 0; - border-top: 1px solid #ccc; - } - - button + button { - border-left: 1px solid #ccc; /* Línea divisoria */ - padding-left: 0.5rem; /* Espacio después de la línea */ - } - } - - ::ng-deep .btn { - font-size: 1.33333em; - font-weight: var(--font-weight-light); - } -} - -app-expandable-metadata { - ::ng-deep .simple-view-element { - line-height: 1.5; - } - - sedici-truncatable-generic-item-page-field { - ::ng-deep .content { - line-height: 1.5; - } - } +.jumbotron { + padding: 1rem 0 0; + margin-bottom: 0; } .metadata-column { @@ -255,7 +284,7 @@ app-expandable-metadata { ::ng-deep sedici-truncatable-generic-item-page-field, ::ng-deep ds-item-page-uri-field { h6 { - font-size: 1.25em; + font-size: 1.2em; font-weight: var(--font-weight-bold); } @@ -266,9 +295,16 @@ app-expandable-metadata { } } -// Modifico todos los botones que están incluidos en el componente -:host ::ng-deep .btn:focus { - outline-style: none !important; +app-expandable-metadata { + ::ng-deep .simple-view-element { + line-height: 1.5; + } + + sedici-truncatable-generic-item-page-field { + ::ng-deep .content { + line-height: 1.5; + } + } } .contenedor-qr { @@ -280,6 +316,54 @@ app-expandable-metadata { justify-content: center; } +.container.tex + .contenedor-qr qrcode{ border: 3px solid black; } + +.texto-qr{ + text-align: center; + font-size: 1em; +} + +// ===== ESTILOS ADICIONALES ===== + +.botones-context { + display: flex; + gap: 0.2rem; + flex-shrink: 0; + + @media screen and (max-width: 768px) { + gap: 0; + + button { + flex: 1 100%; + border-radius: 0; + border-top: 1px solid #ccc; + } + + button + button { + border-left: 1px solid #ccc; /* Línea divisoria */ + padding-left: 0.5rem; /* Espacio después de la línea */ + } + } + + ::ng-deep .btn { + font-size: 1.33333em; + font-weight: var(--font-weight-light); + } +} + +// .col-12, .col-lg-4, .col-lg-8, .col-md-12 { +// padding-left: 0.5rem !important; +// } + +.col-12{ + padding: 0 !important; +} + +// Modifico todos los botones que están incluidos en el componente +:host ::ng-deep .btn:focus { + outline-style: none !important; +} diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss index 4ccc67e01b7..ebd0916d411 100644 --- a/src/styles/_global-styles.scss +++ b/src/styles/_global-styles.scss @@ -25,12 +25,18 @@ body { @media screen and (max-width: map-get($grid-breakpoints, md)) { margin-bottom: 60px; //AJUSTAR SEGÚN BOTTOM-NAV-BAR } + + @media print { + // Para que no cree una seguna página vacía + min-height: 0% !important; + } } .margin-header { margin-top: 75px; //AJUSTAR SEGÚN HEADER } + #main-content { flex: 1 1 100%; } diff --git a/src/themes/custom/app/breadcrumbs/breadcrumbs.component.scss b/src/themes/custom/app/breadcrumbs/breadcrumbs.component.scss index 02617f2e34b..c8d05b6c734 100644 --- a/src/themes/custom/app/breadcrumbs/breadcrumbs.component.scss +++ b/src/themes/custom/app/breadcrumbs/breadcrumbs.component.scss @@ -3,6 +3,10 @@ padding-bottom: calc(var(--ds-content-spacing) / 2); padding-top: calc(var(--ds-content-spacing) / 2); background-color: var(--ds-breadcrumb-bg); + + @media print{ + display: none !important; + } } li.breadcrumb-item { diff --git a/src/themes/custom/app/header/header.component.scss b/src/themes/custom/app/header/header.component.scss index 0c867ad62b0..22e7b57f8f7 100644 --- a/src/themes/custom/app/header/header.component.scss +++ b/src/themes/custom/app/header/header.component.scss @@ -12,6 +12,7 @@ border-bottom: 0px; padding: 10px; } + } .color-header { @@ -25,6 +26,12 @@ img#header-logo { height: 100vh; max-height: var(--ds-header-logo-height); + + @media print { + margin-left: 47px; + padding-left: 0; + vertical-align: middle; + } } header {