github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Sticky permissions overview header (#12704)

Browse Source 
* Sticky permissions overview header

* refactor to script setup

* add header bar height as css variable
This commit is contained in:
Azri Kahar
2022-04-13 22:33:15 +08:00
committed by GitHub
parent 3e539d16d9
commit 74c718c684
4 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/src/modules/settings/routes/roles/item/components/permissions-overview-header.vue
View File

@@ -9,22 +9,19 @@
</div>
</template>
<script lang="ts">
<script lang="ts" setup>
import { useI18n } from 'vue-i18n';
import { defineComponent } from 'vue';
export default defineComponent({
setup() {
const { t } = useI18n();
return { t };
},
});
const { t } = useI18n();
</script>
<style lang="scss" scoped>
.permissions-overview-header {
--v-icon-color: var(--foreground-subdued);
position: sticky;
top: calc(var(--header-bar-height) - 1px); // minus 1px to avoid gaps
z-index: 4;
display: flex;
padding: 12px;
background-color: var(--background-input);