+
@@ -107,7 +107,7 @@ footer .columns {
}
footer .columns .column {
- padding: 55px 40px 8px;
+ padding: 55px 40px 30px;
background-color: #4C4949;
}
@@ -124,7 +124,7 @@ footer .columns .column:nth-child(2) {
footer .columns .column:last-child {
padding-left: 0;
- padding-top: 40px;
+ padding-top: 45px;
}
@@ -165,8 +165,13 @@ footer .columns .column:last-child {
text-align: justify;
}
-.footer-links{
- display: flex;
+.footer-links {
+ display: inline-block;
+}
+
+.footer-links li {
+ position: relative;
+ display: inline;
}
.footer-links li,
@@ -175,13 +180,20 @@ footer .columns .column:last-child {
line-height: 1;
}
+.footer-links li:not(:last-child) {
+ margin-right: 10px;
+ padding-right: 10px;
+}
+
.footer-links li:not(:last-child):after {
content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
display: inline-block;
width: 1px;
height: 80%;
border-right: solid #ffffff 1px;
- margin: 0 10px;
transform: translateY(2px);
}
@@ -195,16 +207,25 @@ footer .columns .column:last-child {
.footer-links li a:hover {
text-decoration: underline;
text-underline-offset: 3px;
- color: var(--light-brown-alt);
}
-
-
.logos-container {
+ justify-content: flex-start;
align-items: center;
gap: 40px;
display: flex;
flex-wrap: wrap;
+
+ --logo-scale: 0.75;
+}
+
+.logos-container a {
+ transform-origin: 50% 50%;
+ transition: transform ease-in-out 0.35s;
+}
+
+.logos-container a:hover {
+ transform: scale(1.25);
}
.logo {
@@ -213,43 +234,43 @@ footer .columns .column:last-child {
}
.logo-cmj {
- width: 178px;
+ width: calc( 178px * var(--logo-scale));
}
.logo-enc {
- width: 256px;
+ width: calc( 256px * var(--logo-scale));
}
.logo-anr {
- width: 183px;
+ width: calc( 183px * var(--logo-scale));
}
.logo-lamop {
- width: 145px;
+ width: calc( 145px * var(--logo-scale));
}
.logo-paris1 {
- width: 74px;
+ width: calc( 74px * var(--logo-scale));
}
.logo-cnrs {
- width: 82px;
+ width: calc( 82px * var(--logo-scale));
}
.logo-pariscite {
- width: 177px;
+ width: calc( 177px * var(--logo-scale));
}
.logo-an {
- width: 223px;
+ width: calc( 223px * var(--logo-scale));
}
.logo-bnf {
- width: 160px;
+ width: calc( 160px * var(--logo-scale));
}
.logo-mazarine {
- width: 110px;
+ width: calc( 110px * var(--logo-scale));
}
diff --git a/src/components/PersonDataCarousel.vue b/src/components/PersonDataCarousel.vue
index dca8c88..dda615d 100644
--- a/src/components/PersonDataCarousel.vue
+++ b/src/components/PersonDataCarousel.vue
@@ -55,11 +55,11 @@ export default {
},
700: {
itemsToShow: 2,
- itemsToScroll: 2
+ itemsToScroll: 1
},
1024: {
itemsToShow: 3,
- itemsToScroll: 3
+ itemsToScroll: 1
},
},
}
@@ -166,6 +166,8 @@ export default {
}
.box-content .active-slide-caption {
+ display: none;
+
position: absolute;
bottom: 0;
width: 100%;
@@ -233,12 +235,12 @@ li.carousel__slide a::after {
position: relative;
}
-:deep(.carousel__slide--active:after) {
+:deep(.carousel__slide--active::after) {
content:"";
position: absolute;
bottom: 76px;
display: block;
- border: 7px solid white;
+ border: 7px solid var(--light-brown);
width: 100%;
transform: scale(0.7);
z-index: 6;
@@ -300,6 +302,10 @@ li.carousel__slide a::after {
padding: 0 var(--mobile-side-padding) 0 !important;
}
+ :deep(.carousel__slide--active::after) {
+ display: none;
+ }
+
}
diff --git a/src/components/PersonDataTimeline.vue b/src/components/PersonDataTimeline.vue
index eadbcba..0e72ad1 100644
--- a/src/components/PersonDataTimeline.vue
+++ b/src/components/PersonDataTimeline.vue
@@ -391,12 +391,14 @@ export default {
.timeline-scroll-container {
max-height: 30rem;
- overflow-y: auto;
+ overflow-y: hidden;
border-top: 1px solid #A7A7A7;
border-bottom: 1px solid #A7A7A7;
+ /*
scrollbar-width: thin;
scrollbar-color: var(--light-brown-alt) #DFDEDE;
+ */
}
.timeline-scroll-container::-webkit-scrollbar {
@@ -459,7 +461,7 @@ export default {
}
.button.btn-scroll[disabled] {
- opacity: 1;
+ opacity: 0.25;
}
.popup-group {
diff --git a/src/components/PersonPagination.vue b/src/components/PersonPagination.vue
index f7ae558..35c8646 100644
--- a/src/components/PersonPagination.vue
+++ b/src/components/PersonPagination.vue
@@ -1,5 +1,5 @@
-
@@ -71,7 +71,7 @@
+
+
-
@@ -103,6 +119,13 @@ export default {
methods: {
handleUpdateQuery({query, search_type}) {
console.log("From parent : ", query, search_type);
+
+ // Close Searchbox on mobile
+ this.searchBoxOpenState = false;
+
+ // Scroll Page to the top
+ window.scrollTo(0, 0);
+
this.currentPage = 1;
this.selectSearchType = search_type;
this.query = query;
@@ -233,7 +256,7 @@ export default {
.box-search-person-facets .box-content .checkbox-canon {
position: absolute;
- bottom: 50px;
+ bottom: 60px;
right: 30px;
padding: 20px 40px 20px 0;
background: url("@/assets/images/picto_chanoine_liste.svg") center right / auto 50px no-repeat;
@@ -307,6 +330,10 @@ h2.subtitle {
font-style: italic;
}
+.pagination-bottom {
+ display: none;
+}
+
@media screen and (max-width: 1024px) {
@@ -414,7 +441,7 @@ h2.subtitle {
}
.is-searchbox-opened .column-results-header {
- padding-top: 30px;
+ padding-top: 50px;
}
.is-searchbox-opened .column-results-header.is-sticky {
@@ -437,6 +464,11 @@ h2.subtitle {
padding-top: 40px;
}
+ .pagination-bottom {
+ display: block;
+ margin-top: 100px;
+ }
+
.loader-wrapper {
position: relative;
height: 20px;
@@ -452,6 +484,7 @@ h2.subtitle {
height: 20px;
width: 20px;
}
+
}
\ No newline at end of file
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index 6d15dc7..56f68d3 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -239,6 +239,9 @@ export default {
*/
_collapseFacetsBox() {
this.isFacetsBoxCollapsed = ! this.isFacetsBoxCollapsed;
+
+ // Scroll Page to the top
+ window.scrollTo(0, 0);
},
/**
* Test if years in range are equals
@@ -521,6 +524,11 @@ export default {
border: none;
}
+.btn-reset-date:focus {
+ outline: none;
+ box-shadow: none;
+}
+
.btn-reset-date:hover {
background-image: url("@/assets/images/b_Recherche_reset_over.svg");
}
@@ -636,6 +644,7 @@ export default {
top:102px;
z-index: 10;
width: 100vw;
+ max-width: 100%;
padding: 20px 0;
margin: -20px 0;
background-color: #FFF;
+
@@ -71,6 +71,8 @@ export default {
itemsByPageDefault: Number,
itemsByPageMax: Number,
itemsByPageMin: Number,
+ topPagination: Boolean,
+ resultsByPageControl: Boolean
},
data() {
return {
@@ -141,6 +143,10 @@ nav.pagination {
}
.pagination-panel {
+ display: none;
+}
+
+.pagination-panel.results-by-page-control {
display: flex;
align-items: center;
justify-content: flex-end;
@@ -184,7 +190,7 @@ nav.pagination {
.disabled {
pointer-events: none;
- opacity: 0.5;
+ opacity: 0.15;
}
.pagination-list {
@@ -225,6 +231,11 @@ nav.pagination {
display: none;
}
+.pagination-previous:active,
+.pagination-next:active {
+ box-shadow: none;
+}
+
.pagination-previous:before,
.pagination-next:before {
content: "";
@@ -255,16 +266,8 @@ nav.pagination {
.pagination-previous,
.pagination-next {
- position: absolute;
- top: 45px;
- right: 0;
width: 53px;
height: 45px;
- padding: 0;
- }
-
- .pagination-previous {
- transform: translateX(-82px);
}
.pagination-previous:before,
@@ -274,6 +277,18 @@ nav.pagination {
height: 45px;
}
+ .top-pagination .pagination-previous,
+ .top-pagination .pagination-next {
+ position: absolute;
+ top: 45px;
+ right: 0;
+ padding: 0;
+ }
+
+ .top-pagination .pagination-previous {
+ transform: translateX(-82px);
+ }
+
.pagination-panel .label,
.pagination-panel .items-by-page-input {
display: none;
diff --git a/src/components/PersonSearchBox.vue b/src/components/PersonSearchBox.vue
index dec82d1..d14acbc 100644
--- a/src/components/PersonSearchBox.vue
+++ b/src/components/PersonSearchBox.vue
@@ -100,7 +100,7 @@ export default {
display: flex;
flex-wrap: wrap;
background-color: var(--panel-bg-color);
- padding-bottom: 50px;
+ padding-bottom: 60px;
}
.container-search > div {
@@ -119,15 +119,17 @@ export default {
}
.container-search > p:last-child {
+ position: absolute;
+ bottom:10px;
+ left:25px;
padding: 0;
- transform: translateY(35px);
}
.field.has-addons {
display: flex;
align-items: center;
margin-top: 0.5em;
- padding: 20px 25px 25px;
+ padding: 20px 25px 20px;
}
.field.has-addons > *:not(:last-child) {
@@ -184,7 +186,6 @@ input[type='range'].slider {
white-space: nowrap;
}
-
button.button.is-info {
height: auto;
background-color: #303030;
@@ -216,6 +217,12 @@ button.button.is-info {
display: none;
}
+.btn-reset:focus,
+button.button.is-info:focus {
+ outline: none;
+ box-shadow: none;
+}
+
.button-reset-search {
opacity: 0;
display: none;
@@ -318,10 +325,15 @@ input[type="text"]::placeholder {
transform: translateX(-50%);
}
- .btn-reset {
+ .container-search > p:last-child {
+ width: 100%;
position: absolute;
- bottom: -176px;
- left: 50%;
+ bottom: 10px;
+ left: 0;
+ margin-left: 20px;
+ }
+
+ .btn-reset {
transform: translateX(-50%);
}
}
diff --git a/src/components/RegisterBaseDateSelector.vue b/src/components/RegisterBaseDateSelector.vue
index 30864ee..6f18c31 100644
--- a/src/components/RegisterBaseDateSelector.vue
+++ b/src/components/RegisterBaseDateSelector.vue
@@ -143,6 +143,11 @@ export default {
display: none;
}
+.control.has-icons-left .select select:focus {
+ outline: none;
+ box-shadow: none;
+}
+
@media screen and (max-width: 1024px) {
diff --git a/src/views/FacSimileView.vue b/src/views/FacSimileView.vue
index c749c8c..aa8d89b 100644
--- a/src/views/FacSimileView.vue
+++ b/src/views/FacSimileView.vue
@@ -603,6 +603,10 @@ button.copy-button {
cursor: pointer;
}
+button.copy-button:hover {
+ background-image: url('~@/assets/images/b_Copier_over.svg');
+}
+
#mirador {
position: relative;
height: 100vh;
@@ -737,7 +741,7 @@ tspan {
max-width: 100% !important;
}
- .facsimile-columns > .column:last-child > div.header {
+ .facsimile-columns > .column:last-child > div.header p.facsimile-title {
display: none;
}
@@ -765,6 +769,10 @@ tspan {
padding-bottom: 0;
}
+ .card-content.raw-prediction-text {
+ padding-bottom: 50px;
+ }
+
.btn-expanded-nav {
display: none;
}
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 57f17ec..258c60e 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -150,6 +150,7 @@ nav a .icon {
line-height: 27px;
color: var(--dark-grey);
-webkit-hyphens: none;
+ text-align: justify;
}
.block a {
@@ -166,8 +167,8 @@ nav a .icon {
vertical-align: top;
font-weight: 700;
- margin-left: -7px;
- margin-top: 18px;
+ margin-left: 0;
+ margin-top: 13px;
padding-right: 0.2em;
float: left;
}
@@ -175,6 +176,10 @@ nav a .icon {
@media screen and (max-width: 1024px) {
+ #banner-image::before {
+ background-position: center left -300px;
+ }
+
.columns {
flex-direction: column;
gap: 0;
diff --git a/src/views/PersonDataView.vue b/src/views/PersonDataView.vue
index d5cce48..b668b8b 100644
--- a/src/views/PersonDataView.vue
+++ b/src/views/PersonDataView.vue
@@ -328,6 +328,7 @@ export default {
font-size: 20px;
line-height: 1.15;
color: #6E6E6E;
+ word-break: break-word;
}
.link-list li a:hover {
diff --git a/src/views/PersonView.vue b/src/views/PersonView.vue
index ed64632..2c71cad 100644
--- a/src/views/PersonView.vue
+++ b/src/views/PersonView.vue
@@ -36,6 +36,8 @@
:items-by-page-default="limit"
:items-by-page-min="50"
:items-by-page-max="100"
+ :top-pagination="true"
+ :results-by-page-control="true"
@update:change-page="changePage"
@change:items-by-page-display="handleItemsPerPageChange"/>
@@ -46,6 +48,20 @@
:person="person"/>
+
+