opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15055 from itisAliRH/history-item-color-to-hsla

Browse Source 
History item color to hsla
This commit is contained in:
Aysam Guerler
2022-11-28 21:01:43 -05:00
committed by GitHub
parent 85058e4331 d9e40710de
commit 28dadd8570
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/History/Content/ContentItem.vue
-3
View File
@@ -235,9 +235,6 @@ export default {
};
</script>
<style lang="scss">
.content-item:hover {
filter: brightness(105%);
}
.content-item {
.name {
word-break: break-all;
client/src/style/scss/base.scss
+13 -2
View File
@@ -398,6 +398,7 @@ $galaxy-state-border: (
"error": $state-danger-border,
"deleted": darken($state-default-border, 30%),
"hidden": $state-default-border,
"setting_metadata": $state-warning-border,
);
$galaxy-state-bg: (
@@ -410,17 +411,27 @@ $galaxy-state-bg: (
"error": $state-danger-bg,
"deleted": darken($state-default-bg, 30%),
"hidden": $state-default-bg,
"setting_metadata": $state-warning-bg,
);
@each $state in map-keys($galaxy-state-border) {
.state-color-#{$state},
[data-state="#{$state}"] {
border-color: map-get($galaxy-state-border, $state);
background-color: map-get($galaxy-state-bg, $state);
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 50%);
&:hover {
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 66%);
}
&:focus,
&:focus-within {
background-color: scale-color(map-get($galaxy-state-bg, $state), $lightness: -10%);
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 33%);
}
&:focus:hover,
&:focus-within:hover {
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 40%);
}
&.selected {