Browse Source

views label widths

master
rdrew 3 weeks ago
parent
commit
4279b77561
  1. 49
      css/components/islandora_mods.css

49
css/components/islandora_mods.css

@ -76,34 +76,32 @@ div#site-header__inner {
/* display: inline-block; */ /* display: inline-block; */
} }
.views-field.views-field-field-abstract li { .views-field.views-field-field-abstract li {
list-style-type: none; list-style-type: none;
/* display: ruby; */
}
} }
/* Ensure the container is a flexbox */ /* Ensure the container is a flexbox */
.metadata .views-field { .metadata .views-field {
display: flex; display: flex;
align-items: flex-start; /* Keeps labels aligned to the top of multi-line content */ align-items: flex-start; /* Keeps labels aligned to the top of multi-line content */
margin-bottom: 0.5rem; /* Optional: adds spacing between rows */ /* margin-bottom: 0.5rem; */ /* Optional: adds spacing between rows */
} }
/* Force uniform width on labels */ /* Force uniform width on labels */
.metadata .views-label { .metadata .views-label {
--label-width: 5em; --label-width: 5em;
flex: 0 0 var(--label-width); /* Fixed width: No grow, No shrink, 7em basis */ flex: 0 0 var(--label-width); /* Fixed width: No grow, No shrink, 7em basis */
min-width: var(--label-width); /* Prevents shrinking below 7em */ min-width: var(--label-width); /* Prevents shrinking below 7em */
width: var(--label-width); /* Consistency across older browsers */ width: var(--label-width); /* Consistency across older browsers */
margin-right: 1em; /* Creates a consistent gap before the content */ margin-right: 1em; /* Creates a consistent gap before the content */
font-weight: bold; /* Optional styling preference */ font-weight: bold; /* Optional styling preference */
box-sizing: border-box; box-sizing: border-box;
} }
/* Ensure content takes up the remaining space */ /* Ensure content takes up the remaining space */
.metadata .field-content { .metadata .field-content {
flex: 1; /* Allows content to fill the rest of the row */ flex: 1; /* Allows content to fill the rest of the row */
min-width: 0; /* Prevents long text from breaking the flex container */ min-width: 0; /* Prevents long text from breaking the flex container */
} }
/* ========================================================================== /* ==========================================================================
@ -180,8 +178,6 @@ span#override-default-display-mode {
.mirador16.mirador15 { .mirador16.mirador15 {
border-top: 2px solid #004744 !important; border-top: 2px solid #004744 !important;
} }
.MuiToolbar-root.MuiToolbar-dense.mirador16.mirador15.mirador-window-top-bar {
}
.mirador28 { .mirador28 {
display: none; display: none;
} }
@ -218,21 +214,28 @@ span#override-default-display-mode {
padding: 4px; padding: 4px;
} }
.field__item {
/* display: flow; */
}
iframe.pdf { iframe.pdf {
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 4px; padding: 4px;
} }
footer hr { footer hr {
border: none; border: none;
height: 2px; height: 2px;
background-color: var(--color--lmmi-tan--50); background-color: var(--color--lmmi-tan--50);
} }
div#block-oliveskspaces-solrsearchcontentadvancedsearchforblock h2 { div#block-oliveskspaces-solrsearchcontentadvancedsearchforblock h2 {
line-height: 1; line-height: 1;
}
.views-field.views-field-field-abstract .field-content .label {
display: none;
}
.views-field.views-field-field-abstract .field-content p {
margin: 0;
}
.views-field.views-field-field-abstract {
line-height: 1.3;
}
.advanced_search_result_pager .pager__group > *:last-child {
margin-right: 1em;
} }

Loading…
Cancel
Save