Loading dist/css/base/gin.css +16 −1 Original line number Diff line number Diff line Loading @@ -2517,6 +2517,8 @@ html.js .dropbutton-widget { top: 2px; width: calc(var(--gin-spacing-xxl) + 1px); height: 2.75rem; -webkit-border-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important; border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important; } [dir="ltr"] .dropbutton__toggle { Loading Loading @@ -2800,6 +2802,10 @@ html.js.no-touchevents .dropbutton--small { border-radius: var(--gin-border-s); } html.js.no-touchevents .dropbutton--small .dropbutton__toggle { width: calc(var(--dropbutton-small-toggle-size) + 1px); } html.js.no-touchevents .dropbutton--extrasmall { min-width: 0; height: 1.75rem; Loading @@ -2807,6 +2813,10 @@ html.js.no-touchevents .dropbutton--extrasmall { border-radius: var(--gin-border-s); } html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle { width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px); } html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item { margin-right: 0; } Loading Loading @@ -2851,11 +2861,16 @@ table tr:not(:first-of-type):last-of-type td .dropbutton__items { mask-position: center; } .action-link--icon-ex:hover::before, .action-link--icon-checkmark:hover:before, .action-link--icon-show:hover::before, .action-link--icon-cog:hover::before, .action-link--icon-hide:hover::before, .action-link--icon-show:before, .action-link--icon-hide:before { .action-link--icon-plus:hover:before, .action-link--icon-ex:hover::before, .action-link--icon-checkmark:hover:before, .action-link--icon-show:hover::before, .action-link--icon-cog:hover::before, .action-link--icon-hide:hover::before, .action-link--icon-show:before, .action-link--icon-hide:before { background-image: none; background-color: var(--gin-color-primary); } .action-link--icon-plus:before { -webkit-mask-image: url("../../media/sprite.svg#add-view"); mask-image: url("../../media/sprite.svg#add-view"); } .action-link--icon-checkmark:before { -webkit-mask-image: url("../../media/sprite.svg#checkmark-view"); mask-image: url("../../media/sprite.svg#checkmark-view"); Loading styles/base/_action-link.scss +5 −0 Original line number Diff line number Diff line Loading @@ -25,6 +25,7 @@ mask-position: center; } &--icon-plus:hover:before, &--icon-ex:hover::before, &--icon-checkmark:hover:before, &--icon-show:hover::before, Loading @@ -36,6 +37,10 @@ background-color: var(--gin-color-primary); } &--icon-plus:before { mask-image: icon('add'); } &--icon-checkmark:before { mask-image: icon('checkmark'); } Loading styles/base/_dropbutton.scss +9 −0 Original line number Diff line number Diff line Loading @@ -58,6 +58,7 @@ html.js .dropbutton-widget { right: 2px; width: calc(var(--gin-spacing-xxl) + 1px); height: 2.75rem; border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important; &:hover { background-color: var(--gin-color-primary); Loading Loading @@ -240,6 +241,10 @@ html.js.no-touchevents { height: 2.25rem; min-height: 2.25rem; border-radius: var(--gin-border-s); .dropbutton__toggle { width: calc(var(--dropbutton-small-toggle-size) + 1px); } } .dropbutton--extrasmall { Loading @@ -247,6 +252,10 @@ html.js.no-touchevents { height: 1.75rem; min-height: 1.75rem; border-radius: var(--gin-border-s); .dropbutton__toggle { width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px); } } .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item { Loading Loading
dist/css/base/gin.css +16 −1 Original line number Diff line number Diff line Loading @@ -2517,6 +2517,8 @@ html.js .dropbutton-widget { top: 2px; width: calc(var(--gin-spacing-xxl) + 1px); height: 2.75rem; -webkit-border-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important; border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important; } [dir="ltr"] .dropbutton__toggle { Loading Loading @@ -2800,6 +2802,10 @@ html.js.no-touchevents .dropbutton--small { border-radius: var(--gin-border-s); } html.js.no-touchevents .dropbutton--small .dropbutton__toggle { width: calc(var(--dropbutton-small-toggle-size) + 1px); } html.js.no-touchevents .dropbutton--extrasmall { min-width: 0; height: 1.75rem; Loading @@ -2807,6 +2813,10 @@ html.js.no-touchevents .dropbutton--extrasmall { border-radius: var(--gin-border-s); } html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle { width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px); } html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item { margin-right: 0; } Loading Loading @@ -2851,11 +2861,16 @@ table tr:not(:first-of-type):last-of-type td .dropbutton__items { mask-position: center; } .action-link--icon-ex:hover::before, .action-link--icon-checkmark:hover:before, .action-link--icon-show:hover::before, .action-link--icon-cog:hover::before, .action-link--icon-hide:hover::before, .action-link--icon-show:before, .action-link--icon-hide:before { .action-link--icon-plus:hover:before, .action-link--icon-ex:hover::before, .action-link--icon-checkmark:hover:before, .action-link--icon-show:hover::before, .action-link--icon-cog:hover::before, .action-link--icon-hide:hover::before, .action-link--icon-show:before, .action-link--icon-hide:before { background-image: none; background-color: var(--gin-color-primary); } .action-link--icon-plus:before { -webkit-mask-image: url("../../media/sprite.svg#add-view"); mask-image: url("../../media/sprite.svg#add-view"); } .action-link--icon-checkmark:before { -webkit-mask-image: url("../../media/sprite.svg#checkmark-view"); mask-image: url("../../media/sprite.svg#checkmark-view"); Loading
styles/base/_action-link.scss +5 −0 Original line number Diff line number Diff line Loading @@ -25,6 +25,7 @@ mask-position: center; } &--icon-plus:hover:before, &--icon-ex:hover::before, &--icon-checkmark:hover:before, &--icon-show:hover::before, Loading @@ -36,6 +37,10 @@ background-color: var(--gin-color-primary); } &--icon-plus:before { mask-image: icon('add'); } &--icon-checkmark:before { mask-image: icon('checkmark'); } Loading
styles/base/_dropbutton.scss +9 −0 Original line number Diff line number Diff line Loading @@ -58,6 +58,7 @@ html.js .dropbutton-widget { right: 2px; width: calc(var(--gin-spacing-xxl) + 1px); height: 2.75rem; border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important; &:hover { background-color: var(--gin-color-primary); Loading Loading @@ -240,6 +241,10 @@ html.js.no-touchevents { height: 2.25rem; min-height: 2.25rem; border-radius: var(--gin-border-s); .dropbutton__toggle { width: calc(var(--dropbutton-small-toggle-size) + 1px); } } .dropbutton--extrasmall { Loading @@ -247,6 +252,10 @@ html.js.no-touchevents { height: 1.75rem; min-height: 1.75rem; border-radius: var(--gin-border-s); .dropbutton__toggle { width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px); } } .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item { Loading