Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
CSS tweaks to modal and filter button
Browse files Browse the repository at this point in the history
marcellamaki committed Oct 22, 2021
1 parent e8ac36a commit efb6990
Showing 2 changed files with 32 additions and 18 deletions.
Original file line number Diff line number Diff line change
@@ -13,23 +13,26 @@
:style="availablePaths && !availablePaths[nestedObject.value] ?
{ textColor: 'grey' } : { cursor: 'pointer' }"
>
<KIcon
icon="info"
size="large"
/>
<h2
class="filter-list-item"
@click="$emit('input', nestedObject.value)"
<div class="filter-list-title">
<!-- TO DO swap out KDS Icons -->
<KIcon
icon="info"
size="large"
/>
<h2 @click="$emit('input', nestedObject.value)">
{{ coreString(camelCase(key)) }}

</h2>
</div>
<div
v-for="(item, nestedKey) in nestedObject.nested"
:key="item.value"
>
{{ coreString(camelCase(key)) }}
</h2>
<div class="filter-list-item">
<a
v-for="(item, nestedKey) in nestedObject.nested"
:key="item.value"
:disabled="availablePaths && !availablePaths[item.value]"
:style="availablePaths && !availablePaths[item.value] ?
{ textColor: 'grey' } : { cursor: 'pointer' }"
{ textColor: 'grey', display: 'block', marginTop: '8px' } :
{ cursor: 'pointer', display: 'block', marginTop: '8px' }"

@click="$emit('input', item.value)"
>
@@ -179,3 +182,13 @@
};
</script>


<style lang="scss" scoped>
.filter-list-title {
margin-top: 24px;
margin-bottom: 8px;
}
</style>
11 changes: 6 additions & 5 deletions kolibri/plugins/learn/assets/src/views/LibraryPage.vue
Original file line number Diff line number Diff line change
@@ -6,11 +6,11 @@
:style="{ marginLeft: `${(sidePanelWidth + 24)}px` }"
>
<div v-if="!windowIsLarge">
<KIconButton
<!-- TO DO Marcella swap out new icon after KDS update -->
<KButton
icon="channel"
:ariaLabel="coreString('search')"
:color="$themeTokens.text"
:tooltip="coreString('search')"
:text="coreString('searchLabel')"
:primary="false"
@click="toggleSidePanelVisibility"
/>
</div>
@@ -94,8 +94,9 @@
<KButton
v-if="more"
:text="coreString('viewMoreAction')"
:primary="false"
appearance="basic-link"
:disabled="moreLoading"
class="filter-action-button"
@click="searchMore"
/>
</div>

0 comments on commit efb6990

Please sign in to comment.