Skip to content
Snippets Groups Projects
Verified Commit 29107b55 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3303551 by Gauravvvv, Aditya4478, Harish1688, Stanzin, smustgrave:... 

Issue #3303551 by Gauravvvv, Aditya4478, Harish1688, Stanzin, smustgrave: Refactor Claro's form--select stylesheet
parent e5ebeb3b
No related branches found
No related tags found
45 merge requests!12227Issue #3181946 by jonmcl, mglaman,!54479.5.x SF update,!5014Issue #3071143: Table Render Array Example Is Incorrect,!4868Issue #1428520: Improve menu parent link selection,!4594Applying patch for Views Global Text area field to allow extra HTML tags. As video, source and iframe tag is not rendering. Due to which Media embedded video and remote-video not rendering in Views Global Text area field.,!3878Removed unused condition head title for views,!38582585169-10.1.x,!3818Issue #2140179: $entity->original gets stale between updates,!3742Issue #3328429: Create item list field formatter for displaying ordered and unordered lists,!3731Claro: role=button on status report items,!3668Resolve #3347842 "Deprecate the trusted",!3651Issue #3347736: Create new SDC component for Olivero (header-search),!3546refactored dialog.pcss file,!3531Issue #3336994: StringFormatter always displays links to entity even if the user in context does not have access,!3502Issue #3335308: Confusing behavior with FormState::setFormState and FormState::setMethod,!3478Issue #3337882: Deleted menus are not removed from content type config,!3452Issue #3332701: Refactor Claro's tablesort-indicator stylesheet,!3451Issue #2410579: Allows setting the current language programmatically.,!3355Issue #3209129: Scrolling problems when adding a block via layout builder,!3226Issue #2987537: Custom menu link entity type should not declare "bundle" entity key,!3154Fixes #2987987 - CSRF token validation broken on routes with optional parameters.,!3147Issue #3328457: Replace most substr($a, $i) where $i is negative with str_ends_with(),!3146Issue #3328456: Replace substr($a, 0, $i) with str_starts_with(),!3133core/modules/system/css/components/hidden.module.css,!31312878513-10.1.x,!2964Issue #2865710 : Dependencies from only one instance of a widget are used in display modes,!2812Issue #3312049: [Followup] Fix Drupal.Commenting.FunctionComment.MissingReturnType returns for NULL,!2614Issue #2981326: Replace non-test usages of \Drupal::logger() with IoC injection,!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,!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,!877Issue #2708101: Default value for link text is not saved,!844Resolve #3036010 "Updaters",!673Issue #3214208: FinishResponseSubscriber could create duplicate headers,!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.,!213Issue #2906496: Give Media a menu item under Content,!30Issue #3182188: Updates composer usage to point at ./vendor/bin/composer
Show whitespace changes
Inline Side-by-side
core/themes/claro/css/components/form--select.css
+ 15
− 29
View file @ 29107b55
......@@ -11,40 +11,16 @@
*/
.form-element--type-select {
padding-right: calc(2rem - var(--input-border-size));
padding-inline-end: calc(2rem - var(--input-border-size));
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.75rem 0.5625rem; /* w: 14px + (2 * 15px), h: 9px */
}
[dir="rtl"] .form-element--type-select {
padding-right: calc(1rem - var(--input-border-size));
padding-left: calc(2rem - var(--input-border-size));
background-position: 0 50%;
}
@media (forced-colors: active) {
[dir="rtl"] .form-element--type-select {
padding-left: var(--input-padding-horizontal);
}
}
.no-touchevents .form-element--type-select.form-element--extrasmall,
.no-touchevents .form-element--type-select[name$="][_weight]"] {
padding-right: calc(1.5rem - var(--input-border-size));
background-size: 1.75rem 0.4375rem; /* w: 14px + (2 * 7px), h: 7px */
}
[dir="rtl"].no-touchevents .form-element--type-select.form-element--extrasmall,
[dir="rtl"].no-touchevents .form-element--type-select[name$="][_weight]"] {
padding-right: calc(0.5rem - var(--input-border-size));
padding-left: calc(1.5rem - var(--input-border-size));
}
/**
* Select states.
*/
}
.form-element--type-select:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23003ecc'/%3e%3c/svg%3e");
......@@ -54,11 +30,21 @@
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%238e929c'/%3e%3c/svg%3e");
}
[dir="rtl"] .form-element--type-select {
background-position: 0 50%;
}
.no-touchevents .form-element--type-select.form-element--extrasmall,
.no-touchevents .form-element--type-select[name$="][_weight]"] {
padding-inline-end: calc(1.5rem - var(--input-border-size));
background-size: 1.75rem 0.4375rem; /* w: 14px + (2 * 7px), h: 7px */
}
@media (forced-colors: active) {
.form-element--type-select,
.form-element--type-select:focus,
.form-element--type-select[disabled] {
padding-right: var(--input-padding-horizontal);
padding-inline-end: var(--input-padding-horizontal);
background-image: none;
-webkit-appearance: revert;
appearance: revert; /* Revert <select> appearance value for modern browsers. */
......
core/themes/claro/css/components/form--select.pcss.css
+ 20
− 28
View file @ 29107b55
......@@ -4,48 +4,40 @@
*/
.form-element--type-select {
padding-right: calc(2rem - var(--input-border-size));
padding-inline-end: calc(2rem - var(--input-border-size));
background-image: url(../../images/icons/545560/chevron-down.svg);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.75rem 0.5625rem; /* w: 14px + (2 * 15px), h: 9px */
}
[dir="rtl"] .form-element--type-select {
padding-right: calc(1rem - var(--input-border-size));
padding-left: calc(2rem - var(--input-border-size));
background-position: 0 50%;
@media (forced-colors: active) {
padding-left: var(--input-padding-horizontal);
}
}
.no-touchevents .form-element--type-select.form-element--extrasmall,
.no-touchevents .form-element--type-select[name$="][_weight]"] {
padding-right: calc(1.5rem - var(--input-border-size));
background-size: 1.75rem 0.4375rem; /* w: 14px + (2 * 7px), h: 7px */
}
[dir="rtl"].no-touchevents .form-element--type-select.form-element--extrasmall,
[dir="rtl"].no-touchevents .form-element--type-select[name$="][_weight]"] {
padding-right: calc(0.5rem - var(--input-border-size));
padding-left: calc(1.5rem - var(--input-border-size));
}
/**
* Select states.
*/
.form-element--type-select:focus {
&:focus {
background-image: url(../../images/icons/003ecc/chevron-down.svg);
}
.form-element--type-select[disabled] {
&[disabled] {
background-image: url(../../images/icons/8e929c/chevron-down.svg);
}
@nest [dir="rtl"] & {
background-position: 0 50%;
}
@nest .no-touchevents & {
&.form-element--extrasmall,
&[name$="][_weight]"] {
padding-inline-end: calc(1.5rem - var(--input-border-size));
background-size: 1.75rem 0.4375rem; /* w: 14px + (2 * 7px), h: 7px */
}
}
}
@media (forced-colors: active) {
.form-element--type-select,
.form-element--type-select:focus,
.form-element--type-select[disabled] {
padding-right: var(--input-padding-horizontal);
padding-inline-end: var(--input-padding-horizontal);
background-image: none;
appearance: revert; /* Revert <select> appearance value for modern browsers. */
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment