Skip to content
Snippets Groups Projects
Commit ad4353d2 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

Issue #3417719: Refine User Experience: Addressing Size, Position, and Hover...

Issue #3417719: Refine User Experience: Addressing Size, Position, and Hover Background Issues with Edit Media Icon
parent 32287a5a
Branches
Tags
2 merge requests!518Issue 3480661: Add padding to bottom of ckeditor content.,!228Issue #3342164: Remove implicit dependency on node module for gin content form
.media-library-item .media-library-edit__link, .media-library-item .media-library-item__edit, .media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove.button {
.media-library-item .media-library-edit__link, .media-library-item .media-library-item__edit, .media-library-item .media-library-item__edit.button, .media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove.button {
border-color: var(--gin-border-color) !important;
}
.media-library-item .media-library-edit__link:link, .media-library-item .media-library-edit__link:hover, .media-library-item .media-library-edit__link:focus, .media-library-item .media-library-edit__link:active, .media-library-item .media-library-edit__link:not(:hover):not(:checked), .media-library-item .media-library-item__edit:link, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__edit:not(:hover):not(:checked), .media-library-item .media-library-item__remove:link, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove:not(:hover):not(:checked), .media-library-item .media-library-item__remove.button:link, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active, .media-library-item .media-library-item__remove.button:not(:hover):not(:checked) {
.media-library-item .media-library-edit__link:link, .media-library-item .media-library-edit__link:hover, .media-library-item .media-library-edit__link:focus, .media-library-item .media-library-edit__link:active, .media-library-item .media-library-edit__link:not(:hover):not(:checked), .media-library-item .media-library-item__edit:link, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__edit:not(:hover):not(:checked), .media-library-item .media-library-item__edit.button:link, .media-library-item .media-library-item__edit.button:hover, .media-library-item .media-library-item__edit.button:focus, .media-library-item .media-library-item__edit.button:active, .media-library-item .media-library-item__edit.button:not(:hover):not(:checked), .media-library-item .media-library-item__remove:link, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove:not(:hover):not(:checked), .media-library-item .media-library-item__remove.button:link, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active, .media-library-item .media-library-item__remove.button:not(:hover):not(:checked) {
border-color: transparent !important;
}
.media-library-item .media-library-edit__link:hover, .media-library-item .media-library-edit__link:focus, .media-library-item .media-library-edit__link:active, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active {
.media-library-item .media-library-edit__link:hover, .media-library-item .media-library-edit__link:focus, .media-library-item .media-library-edit__link:active, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__edit.button:hover, .media-library-item .media-library-item__edit.button:focus, .media-library-item .media-library-item__edit.button:active, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active {
box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus) !important;
}
.media-library-item .media-library-edit__link, .media-library-item .media-library-edit__link:hover, .media-library-item .media-library-edit__link:focus, .media-library-item .media-library-edit__link:active, .media-library-item .media-library-item__edit, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove.button, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active {
.media-library-item .media-library-edit__link, .media-library-item .media-library-edit__link:hover, .media-library-item .media-library-edit__link:focus, .media-library-item .media-library-edit__link:active, .media-library-item .media-library-item__edit, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__edit.button, .media-library-item .media-library-item__edit.button:hover, .media-library-item .media-library-item__edit.button:focus, .media-library-item .media-library-item__edit.button:active, .media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove.button, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active {
width: 32px;
height: 32px;
margin: var(--gin-spacing-xs);
......@@ -196,6 +196,7 @@
fieldset.media-library-widget .media-library-widget__toggle-weight {
font-size: var(--gin-font-size-xxs);
line-height: 1;
padding: var(--gin-spacing-xs);
}
......
.media-library {
&-item &-edit__link,
&-item &-item__edit,
&-item &-item__edit.button,
&-item &-item__remove,
&-item &-item__remove.button {
border-color: var(--gin-border-color) !important;
......@@ -197,6 +198,7 @@
fieldset.media-library-widget {
.media-library-widget__toggle-weight {
font-size: var(--gin-font-size-xxs);
line-height: 1;
padding: var(--gin-spacing-xs);
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment