Skip to content
Snippets Groups Projects
Verified Commit d4ddbd2f authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3332737 by Gauravvvv, Santosh_Verma, smustgrave: Refactor Claro's views_ui.admin stylesheet

parent fb910a68
Branches
Tags
25 merge requests!54479.5.x SF update,!5014Issue #3071143: Table Render Array Example Is Incorrect,!4868Issue #1428520: Improve menu parent link selection,!4289Issue #1344552 by marcingy, Niklas Fiekas, Ravi.J, aleevas, Eduardo Morales...,!4114Issue #2707291: Disable body-level scrolling when a dialog is open as a modal,!4100Issue #3249600: Add support for PHP 8.1 Enums as allowed values for list_* data types,!2378Issue #2875033: Optimize joins and table selection in SQL entity query implementation,!2334Issue #3228209: Add hasRole() method to AccountInterface,!2062Issue #3246454: Add weekly granularity to views date sort,!1591Issue #3199697: Add JSON:API Translation experimental module,!1484Exposed filters get values from URL when Ajax is on,!1255Issue #3238922: Refactor (if feasible) uses of the jQuery serialize function to use vanillaJS,!1105Issue #3025039: New non translatable field on translatable content throws error,!1073issue #3191727: Focus states on mobile second level navigation items fixed,!10223132456: Fix issue where views instances are emptied before an ajax request is complete,!925Issue #2339235: Remove taxonomy hard dependency on node module,!877Issue #2708101: Default value for link text is not saved,!872Draft: Issue #3221319: Race condition when creating menu links and editing content deletes menu links,!844Resolve #3036010 "Updaters",!617Issue #3043725: Provide a Entity Handler for user cancelation,!579Issue #2230909: Simple decimals fail to pass validation,!560Move callback classRemove outside of the loop,!555Issue #3202493,!485Sets the autocomplete attribute for username/password input field on login form.,!30Issue #3182188: Updates composer usage to point at ./vendor/bin/composer
Hide whitespace changes
Inline Side-by-side
core/themes/claro/css/components/views_ui.admin.css
+ 8
− 13
View file @ d4ddbd2f
......@@ -12,8 +12,7 @@
*/
.views-admin pre {
margin-top: 0;
margin-bottom: 0;
margin-block: 0;
white-space: pre-wrap;
}
......@@ -40,26 +39,22 @@
.views-display-columns > * {
float: none;
width: auto;
margin: 0 0 var(--space-l) 0;
margin-block: 0 var(--space-l);
margin-inline: 0;
}
@media screen and (min-width: 60rem) { /* 960px */
.views-display-columns > * {
float: left; /* LTR */
width: 32%;
margin-bottom: 0;
margin-left: 2%; /* LTR */
}
[dir="rtl"] .views-display-columns > * {
float: right;
margin-right: 2%;
margin-left: 0;
margin-block-end: 0;
margin-inline-start: 2%;
}
.views-display-columns > *:first-child {
margin-left: 0; /* LTR */
margin-inline-start: 0;
}
[dir="rtl"] .views-display-columns > *:first-child {
margin-right: 0;
[dir="rtl"] .views-display-columns > * {
float: right;
}
}
......
core/themes/claro/css/components/views_ui.admin.pcss.css
+ 52
− 40
View file @ d4ddbd2f
......@@ -5,20 +5,23 @@
*/
.views-admin pre {
margin-top: 0;
margin-bottom: 0;
margin-block: 0;
white-space: pre-wrap;
}
.views-display-deleted > details > summary,
.views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,
.views-display-deleted .views-display-columns {
opacity: 0.25;
.views-display-deleted {
& > details > summary,
& .details-wrapper > .views-ui-display-tab-bucket > *,
& .views-display-columns {
opacity: 0.25;
}
}
.views-display-disabled > details > summary,
.views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,
.views-display-disabled .views-display-columns {
opacity: 0.5;
.views-display-disabled {
& > details > summary,
& .details-wrapper > .views-ui-display-tab-bucket > *,
& .views-display-columns {
opacity: 0.5;
}
}
.views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
opacity: 1;
......@@ -30,38 +33,41 @@
.views-display-columns > * {
float: none;
width: auto;
margin: 0 0 var(--space-l) 0;
margin-block: 0 var(--space-l);
margin-inline: 0;
}
@media screen and (min-width: 60rem) { /* 960px */
.views-display-columns > * {
float: left; /* LTR */
width: 32%;
margin-bottom: 0;
margin-left: 2%; /* LTR */
}
[dir="rtl"] .views-display-columns > * {
float: right;
margin-right: 2%;
margin-left: 0;
}
.views-display-columns > *:first-child {
margin-left: 0; /* LTR */
}
[dir="rtl"] .views-display-columns > *:first-child {
margin-right: 0;
.views-display-columns {
& > * {
float: left; /* LTR */
width: 32%;
margin-block-end: 0;
margin-inline-start: 2%;
}
& > *:first-child {
margin-inline-start: 0;
}
@nest [dir="rtl"] & {
& > * {
float: right;
}
}
}
}
.views-ui-dialog .scroll {
overflow: auto;
padding: 1em;
}
.views-ui-dialog {
& .scroll {
overflow: auto;
padding: 1em;
}
/* Don't let the messages overwhelm the modal */
.views-ui-dialog .views-messages {
overflow: auto;
max-height: 200px;
/* Don't let the messages overwhelm the modal */
& .views-messages {
overflow: auto;
max-height: 200px;
}
}
.form-item--options-value-all {
......@@ -71,9 +77,15 @@
.js-only {
display: none;
}
html.js .js-only {
display: inherit;
}
html.js span.js-only {
display: inline;
html.js {
& .js-only {
display: inherit;
}
& span {
&.js-only {
display: inline;
}
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment