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; */
}
.views-field.views-field-field-abstract li {
list-style-type: none;
/* display: ruby; */
}
.views-field.views-field-field-abstract li {
list-style-type: none;
}
/* Ensure the container is a flexbox */
.metadata .views-field {
display: flex;
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 */
.metadata .views-label {
--label-width: 5em;
flex: 0 0 var(--label-width); /* Fixed width: No grow, No shrink, 7em basis */
min-width: var(--label-width); /* Prevents shrinking below 7em */
width: var(--label-width); /* Consistency across older browsers */
margin-right: 1em; /* Creates a consistent gap before the content */
font-weight: bold; /* Optional styling preference */
flex: 0 0 var(--label-width); /* Fixed width: No grow, No shrink, 7em basis */
min-width: var(--label-width); /* Prevents shrinking below 7em */
width: var(--label-width); /* Consistency across older browsers */
margin-right: 1em; /* Creates a consistent gap before the content */
font-weight: bold; /* Optional styling preference */
box-sizing: border-box;
}
/* Ensure content takes up the remaining space */
.metadata .field-content {
flex: 1; /* Allows content to fill the rest of the row */
min-width: 0; /* Prevents long text from breaking the flex container */
flex: 1; /* Allows content to fill the rest of the row */
min-width: 0; /* Prevents long text from breaking the flex container */
}
/* ==========================================================================
@ -180,8 +178,6 @@ span#override-default-display-mode {
.mirador16.mirador15 {
border-top: 2px solid #004744 !important;
}
.MuiToolbar-root.MuiToolbar-dense.mirador16.mirador15.mirador-window-top-bar {
}
.mirador28 {
display: none;
}
@ -218,21 +214,28 @@ span#override-default-display-mode {
padding: 4px;
}
.field__item {
/* display: flow; */
}
iframe.pdf {
border: 1px solid #ccc;
padding: 4px;
}
footer hr {
border: none;
height: 2px;
background-color: var(--color--lmmi-tan--50);
border: none;
height: 2px;
background-color: var(--color--lmmi-tan--50);
}
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