Commit 27fa67d7 authored by Dave Pisek's avatar Dave Pisek

Add page specific scss file for hocus styling

parent 9b5c22da
...@@ -30,11 +30,6 @@ export default { ...@@ -30,11 +30,6 @@ export default {
default: false, default: false,
}, },
}, },
data() {
return {
shouldShowActionButtons: false,
};
},
computed: { computed: {
...mapState(['dashboardType']), ...mapState(['dashboardType']),
...mapState('vulnerabilities', ['selectedVulnerabilities']), ...mapState('vulnerabilities', ['selectedVulnerabilities']),
...@@ -76,12 +71,6 @@ export default { ...@@ -76,12 +71,6 @@ export default {
} }
return this.selectVulnerability(this.vulnerability); return this.selectVulnerability(this.vulnerability);
}, },
showActionButtons() {
this.shouldShowActionButtons = true;
},
hideActionButtons() {
this.shouldShowActionButtons = false;
},
}, },
}; };
</script> </script>
...@@ -90,10 +79,6 @@ export default { ...@@ -90,10 +79,6 @@ export default {
<div <div
class="gl-responsive-table-row vulnerabilities-row p-2" class="gl-responsive-table-row vulnerabilities-row p-2"
:class="{ dismissed: isDismissed, 'gl-bg-blue-50': isSelected }" :class="{ dismissed: isDismissed, 'gl-bg-blue-50': isSelected }"
@focusin="showActionButtons"
@focusout="hideActionButtons"
@mouseenter="showActionButtons"
@mouseleave="hideActionButtons"
> >
<div class="table-section"> <div class="table-section">
<gl-form-checkbox <gl-form-checkbox
...@@ -106,7 +91,7 @@ export default { ...@@ -106,7 +91,7 @@ export default {
<div class="table-section section-10"> <div class="table-section section-10">
<div class="table-mobile-header" role="rowheader">{{ s__('Reports|Severity') }}</div> <div class="table-mobile-header" role="rowheader">{{ s__('Reports|Severity') }}</div>
<div class="table-mobile-content" :style="[isDismissed && { opacity: 0.5 }]"> <div class="table-mobile-content">
<severity-badge :severity="severity" /> <severity-badge :severity="severity" />
</div> </div>
</div> </div>
...@@ -115,7 +100,6 @@ export default { ...@@ -115,7 +100,6 @@ export default {
<div class="table-mobile-header" role="rowheader">{{ s__('Reports|Vulnerability') }}</div> <div class="table-mobile-header" role="rowheader">{{ s__('Reports|Vulnerability') }}</div>
<div <div
class="table-mobile-content gl-white-space-normal" class="table-mobile-content gl-white-space-normal"
:style="[isDismissed && { opacity: 0.5 }]"
data-qa-selector="vulnerability_info_content" data-qa-selector="vulnerability_info_content"
> >
<gl-skeleton-loading v-if="isLoading" class="mt-2 js-skeleton-loader" :lines="2" /> <gl-skeleton-loading v-if="isLoading" class="mt-2 js-skeleton-loader" :lines="2" />
...@@ -153,10 +137,7 @@ export default { ...@@ -153,10 +137,7 @@ export default {
<div class="table-section section-20"> <div class="table-section section-20">
<div class="table-mobile-header" role="rowheader">{{ s__('Reports|Actions') }}</div> <div class="table-mobile-header" role="rowheader">{{ s__('Reports|Actions') }}</div>
<div <div class="table-mobile-content action-buttons d-flex justify-content-end">
class="table-mobile-content action-buttons d-flex justify-content-end"
:style="[shouldShowActionButtons ? { opacity: 1 } : { opacity: 0 }]"
>
<vulnerability-action-buttons <vulnerability-action-buttons
v-if="!isLoading" v-if="!isLoading"
:vulnerability="vulnerability" :vulnerability="vulnerability"
...@@ -168,15 +149,3 @@ export default { ...@@ -168,15 +149,3 @@ export default {
</div> </div>
</div> </div>
</template> </template>
<style scoped>
@media (min-width: 768px) {
.vulnerabilities-row:hover,
.vulnerabilities-row:focus {
background: #f6fafd;
border-bottom: 1px solid #c1daf4;
border-top: 1px solid #c1daf4;
margin-top: -1px;
}
}
</style>
.vulnerabilities-row {
&.dismissed .table-mobile-content:not(.action-buttons) {
opacity: 0.5;
}
@include media-breakpoint-up(md) {
.action-buttons {
opacity: 0;
}
&:hover,
&:focus,
&:focus-within {
background: $blue-50;
border-bottom: 1px solid $blue-200;
border-top: 1px solid $blue-200;
margin-top: -1px;
.action-buttons {
opacity: 1;
}
}
}
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment