2020-09-21 12:25:50 +00:00
|
|
|
<!--
|
2024-02-02 18:27:50 +00:00
|
|
|
- Copyright (c) 2020-2024. The Nextcloud Bookmarks contributors.
|
2020-09-21 12:25:50 +00:00
|
|
|
-
|
|
|
|
- This file is licensed under the Affero General Public License version 3 or later. See the COPYING file.
|
|
|
|
-->
|
|
|
|
|
2019-08-04 21:49:07 +00:00
|
|
|
<template>
|
2020-10-22 15:35:46 +00:00
|
|
|
<div :class="['controls', $store.state.public && 'wide']">
|
2020-08-14 21:10:48 +00:00
|
|
|
<div class="controls__left">
|
2024-02-04 13:07:23 +00:00
|
|
|
<NcActions v-if="$route.name === routes.FOLDER || ($route.name === routes.SEARCH && Number($route.params.folder) !== -1)">
|
2022-12-12 16:44:09 +00:00
|
|
|
<NcActionButton @click="onClickBack">
|
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<ArrowLeftIcon :size="20" />
|
2022-12-12 16:44:09 +00:00
|
|
|
</template>
|
2021-03-27 10:26:52 +00:00
|
|
|
{{ t('bookmarks', 'Go back') }}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
</NcActions>
|
2024-02-04 13:07:23 +00:00
|
|
|
<template v-if="$route.name === routes.FOLDER || ($route.name === routes.SEARCH && Number($route.params.folder) !== -1)">
|
2024-01-31 18:24:15 +00:00
|
|
|
<h2><FolderIcon :size="20" /> <span>{{ folder.title }}</span></h2>
|
2022-12-12 16:44:09 +00:00
|
|
|
<NcActions v-if="permissions.canShare">
|
|
|
|
<NcActionButton :close-after-click="true" @click="onOpenFolderShare">
|
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<ShareVariantIcon :size="20" />
|
2022-12-12 16:44:09 +00:00
|
|
|
</template>
|
2021-03-27 10:26:52 +00:00
|
|
|
{{ t('bookmarks', 'Share folder') }}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
</NcActions>
|
2019-09-24 15:18:29 +00:00
|
|
|
</template>
|
2020-10-21 13:09:25 +00:00
|
|
|
<template v-if="$route.name === routes.TAGS">
|
2024-01-31 18:24:15 +00:00
|
|
|
<TagIcon :size="20" />
|
2024-01-28 15:27:48 +00:00
|
|
|
<NcSelect class="controls__tags"
|
2020-10-21 13:09:25 +00:00
|
|
|
:value="tags"
|
|
|
|
:auto-limit="false"
|
|
|
|
:limit="7"
|
|
|
|
:options="allTags"
|
|
|
|
:multiple="true"
|
|
|
|
:placeholder="t('bookmarks', 'Select one or more tags')"
|
|
|
|
@input="onTagsChange" />
|
|
|
|
</template>
|
2022-12-12 16:44:09 +00:00
|
|
|
<NcActions v-if="!isPublic"
|
2021-03-27 10:26:52 +00:00
|
|
|
v-tooltip="t('bookmarks', 'New')"
|
2024-01-28 15:27:48 +00:00
|
|
|
:name="t('bookmarks', 'New')">
|
2022-12-12 16:44:09 +00:00
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<PlusIcon :size="20" />
|
2022-12-12 16:44:09 +00:00
|
|
|
</template>
|
|
|
|
<NcActionButton :close-after-click="true"
|
2020-04-02 15:07:16 +00:00
|
|
|
@click="onAddBookmark">
|
2022-12-12 16:44:09 +00:00
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<EarthIcon :size="20" />
|
2022-12-12 16:44:09 +00:00
|
|
|
</template>
|
2020-04-02 15:07:16 +00:00
|
|
|
{{
|
|
|
|
t('bookmarks', 'New bookmark')
|
|
|
|
}}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
<NcActionButton :close-after-click="true"
|
2020-04-02 15:07:16 +00:00
|
|
|
@click="onAddFolder">
|
2022-12-12 16:44:09 +00:00
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<FolderIcon :size="20" />
|
2022-12-12 16:44:09 +00:00
|
|
|
</template>
|
2020-04-02 15:07:16 +00:00
|
|
|
{{ t('bookmarks', 'New folder') }}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
</NcActions>
|
2021-03-21 12:03:18 +00:00
|
|
|
<BulkEditing v-if="hasSelection" />
|
2019-09-24 15:18:29 +00:00
|
|
|
</div>
|
2020-08-14 21:10:48 +00:00
|
|
|
<div class="controls__right">
|
2022-12-12 16:44:09 +00:00
|
|
|
<NcActions>
|
|
|
|
<NcActionButton @click="onToggleViewMode">
|
|
|
|
<template #icon>
|
2024-02-02 17:45:39 +00:00
|
|
|
<ViewListIcon v-if="viewMode !== 'list'" :size="20" />
|
|
|
|
<ViewGridIcon v-else :size="20" />
|
2022-12-12 16:44:09 +00:00
|
|
|
</template>
|
2021-03-22 18:26:10 +00:00
|
|
|
{{ viewMode === 'list' ? t('bookmarks', 'Change to grid view') : t('bookmarks', 'Change to list view') }}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
</NcActions>
|
|
|
|
<NcActions v-tooltip="sortingOptions[sorting].description">
|
2021-03-22 18:26:10 +00:00
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<component :is="sortingOptions[sorting].icon" :fill-color="colorMainText" />
|
2021-03-22 18:26:10 +00:00
|
|
|
</template>
|
2022-12-12 16:44:09 +00:00
|
|
|
<NcActionButton v-for="(option, key) in sortingOptions"
|
2021-03-22 18:26:10 +00:00
|
|
|
:key="key"
|
|
|
|
:close-after-click="true"
|
|
|
|
@click="onChangeSorting(key)">
|
|
|
|
<template #icon>
|
|
|
|
<component :is="option.icon"
|
|
|
|
:fill-color="key === sorting? colorPrimaryElement : colorMainText" />
|
|
|
|
</template>
|
|
|
|
{{ option.description }}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
</NcActions>
|
|
|
|
<NcActions force-menu>
|
2021-03-27 10:26:52 +00:00
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<RssIcon :size="20" />
|
2021-03-27 10:26:52 +00:00
|
|
|
</template>
|
2024-02-04 13:00:03 +00:00
|
|
|
<NcActionButton :name="t('bookmarks', 'Copy RSS Feed of current view')"
|
2021-03-27 10:26:52 +00:00
|
|
|
:close-after-click="true"
|
|
|
|
@click="copyRssUrl">
|
|
|
|
<template #icon>
|
2024-01-31 18:24:15 +00:00
|
|
|
<RssIcon :size="20" />
|
2021-03-27 10:26:52 +00:00
|
|
|
</template>
|
2021-07-24 20:39:46 +00:00
|
|
|
{{ !$store.state.public? t('bookmarks', 'The RSS feed requires authentication with your Nextcloud credentials') : '' }}
|
2022-12-12 16:44:09 +00:00
|
|
|
</NcActionButton>
|
|
|
|
</NcActions>
|
2023-12-14 12:54:11 +00:00
|
|
|
<NcTextField :value.sync="search"
|
2022-12-12 22:02:03 +00:00
|
|
|
:label="t('bookmarks','Search')"
|
|
|
|
:placeholder="t('bookmarks','Search')"
|
|
|
|
class="inline-search"
|
|
|
|
@update:value="onSearch($event)">
|
2024-01-31 18:24:15 +00:00
|
|
|
<MagnifyIcon :size="20" />
|
2022-12-12 22:02:03 +00:00
|
|
|
</NcTextField>
|
2019-09-24 15:18:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-08-04 21:49:07 +00:00
|
|
|
</template>
|
|
|
|
<script>
|
2024-01-28 15:27:48 +00:00
|
|
|
import { NcSelect, NcActions, NcActionButton, NcActionInput, NcActionRouter, NcTextField } from '@nextcloud/vue'
|
2024-02-02 17:45:39 +00:00
|
|
|
import { MagnifyIcon, EarthIcon, ViewGridIcon, ViewListIcon, PlusIcon, FolderIcon, ArrowLeftIcon, RssIcon, SortAlphabeticalAscendingIcon, SortBoolAscendingIcon, SortClockAscendingOutlineIcon, SortCalendarAscendingIcon, SortNumericAscendingIcon, SortAscendingIcon, ShareVariantIcon, TagIcon } from './Icons.js'
|
2022-12-12 16:44:09 +00:00
|
|
|
import { actions, mutations } from '../store/index.js'
|
2020-07-28 09:11:13 +00:00
|
|
|
import { generateUrl } from '@nextcloud/router'
|
2022-12-12 16:44:09 +00:00
|
|
|
import BulkEditing from './BulkEditing.vue'
|
2020-03-28 17:15:59 +00:00
|
|
|
|
2020-04-09 09:47:13 +00:00
|
|
|
export default {
|
2020-08-14 21:10:48 +00:00
|
|
|
name: 'Controls',
|
2021-03-27 10:26:52 +00:00
|
|
|
components: {
|
|
|
|
BulkEditing,
|
2024-01-28 15:27:48 +00:00
|
|
|
NcSelect,
|
2022-12-12 16:44:09 +00:00
|
|
|
NcActions,
|
|
|
|
NcActionButton,
|
|
|
|
NcActionInput,
|
|
|
|
NcActionRouter,
|
2021-03-27 10:26:52 +00:00
|
|
|
RssIcon,
|
|
|
|
SortAscendingIcon,
|
|
|
|
SortCalendarAscendingIcon,
|
|
|
|
SortAlphabeticalAscendingIcon,
|
|
|
|
SortClockAscendingOutlineIcon,
|
|
|
|
SortBoolAscendingIcon,
|
2022-12-13 15:36:23 +00:00
|
|
|
SortNumericAscendingIcon,
|
2021-03-27 10:26:52 +00:00
|
|
|
FolderIcon,
|
|
|
|
ArrowLeftIcon,
|
2022-12-12 16:44:09 +00:00
|
|
|
PlusIcon,
|
|
|
|
ViewGridIcon,
|
|
|
|
ViewListIcon,
|
|
|
|
EarthIcon,
|
|
|
|
ShareVariantIcon,
|
|
|
|
TagIcon,
|
2022-12-12 22:02:03 +00:00
|
|
|
NcTextField,
|
|
|
|
MagnifyIcon,
|
2021-03-27 10:26:52 +00:00
|
|
|
},
|
2020-03-28 17:15:59 +00:00
|
|
|
props: {},
|
|
|
|
data() {
|
|
|
|
return {
|
2024-01-27 17:31:04 +00:00
|
|
|
searchTimeout: null,
|
2020-03-28 17:15:59 +00:00
|
|
|
url: '',
|
2020-10-21 13:09:25 +00:00
|
|
|
search: this.$route.params.search || '',
|
2021-03-22 18:26:10 +00:00
|
|
|
sortingOptions: {
|
2021-04-14 12:32:31 +00:00
|
|
|
added: { icon: 'SortCalendarAscendingIcon', description: this.t('bookmarks', 'Sort by created date') },
|
2021-03-22 18:26:10 +00:00
|
|
|
lastmodified: { icon: 'SortClockAscendingOutlineIcon', description: this.t('bookmarks', 'Sort by last modified') },
|
|
|
|
title: { icon: 'SortAlphabeticalAscendingIcon', description: this.t('bookmarks', 'Sort by title') },
|
|
|
|
clickcount: { icon: 'SortBoolAscendingIcon', description: this.t('bookmarks', 'Sort by click count') },
|
|
|
|
index: { icon: 'SortAscendingIcon', description: this.t('bookmarks', 'Sort by manual order') },
|
2022-12-13 15:36:23 +00:00
|
|
|
url: { icon: 'SortNumericAscendingIcon', description: this.t('bookmarks', 'Sort by URL') },
|
2021-03-22 18:26:10 +00:00
|
|
|
},
|
2020-03-28 17:15:59 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
2021-03-27 10:26:52 +00:00
|
|
|
backLink() {
|
|
|
|
if (this.folder && this.folderPath.length > 1) {
|
|
|
|
return { name: this.routes.FOLDER, params: { folder: this.folder.parent_folder } }
|
|
|
|
}
|
|
|
|
|
|
|
|
return { name: this.routes.HOME }
|
|
|
|
},
|
2021-04-19 13:06:25 +00:00
|
|
|
permissions() {
|
|
|
|
const folder = this.folder
|
|
|
|
if (!folder) {
|
|
|
|
return {}
|
|
|
|
}
|
|
|
|
return this.$store.getters.getPermissionsForFolder(folder.id)
|
|
|
|
},
|
2020-03-28 17:15:59 +00:00
|
|
|
allTags() {
|
2019-09-24 15:18:29 +00:00
|
|
|
return this.$store.state.tags.map(tag => tag.name)
|
2019-08-04 21:49:07 +00:00
|
|
|
},
|
|
|
|
tags() {
|
2019-09-24 15:18:29 +00:00
|
|
|
const tags = this.$route.params.tags
|
|
|
|
if (!tags) return []
|
|
|
|
return tags.split(',')
|
2019-08-04 21:49:07 +00:00
|
|
|
},
|
|
|
|
folderPath() {
|
2019-09-24 15:18:29 +00:00
|
|
|
const folder = this.$route.params.folder
|
|
|
|
if (!folder) return []
|
|
|
|
return this.$store.getters.getFolder(folder).reverse()
|
2019-08-26 12:19:05 +00:00
|
|
|
},
|
2021-03-27 10:26:52 +00:00
|
|
|
folder() {
|
|
|
|
const folder = this.$route.params.folder
|
|
|
|
if (!folder) return
|
|
|
|
return this.$store.getters.getFolder(folder)[0]
|
|
|
|
},
|
2019-08-26 12:19:05 +00:00
|
|
|
viewMode() {
|
2019-09-24 15:18:29 +00:00
|
|
|
return this.$store.state.viewMode
|
2019-10-11 12:14:49 +00:00
|
|
|
},
|
2020-05-20 10:37:21 +00:00
|
|
|
hasSelection() {
|
|
|
|
return this.$store.state.selection.bookmarks.length || this.$store.state.selection.folders.length
|
|
|
|
},
|
2020-07-28 09:11:13 +00:00
|
|
|
rssURL() {
|
2021-03-27 10:26:52 +00:00
|
|
|
const params = new URLSearchParams()
|
|
|
|
for (const field in this.$store.state.fetchState.query) {
|
|
|
|
if (Array.isArray(this.$store.state.fetchState.query[field])) {
|
|
|
|
this.$store.state.fetchState.query[field].forEach(value => {
|
|
|
|
params.append(field + '[]', value)
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
params.append(field, this.$store.state.fetchState.query[field])
|
|
|
|
}
|
|
|
|
}
|
|
|
|
params.set('format', 'rss')
|
|
|
|
params.set('page', '-1')
|
|
|
|
if (this.$store.state.public) {
|
|
|
|
params.set('token', this.$store.state.authToken)
|
|
|
|
}
|
2020-08-02 13:42:10 +00:00
|
|
|
return (
|
|
|
|
window.location.origin
|
|
|
|
+ generateUrl(
|
|
|
|
'/apps/bookmarks/public/rest/v2/bookmark?'
|
2021-03-27 10:26:52 +00:00
|
|
|
+ params.toString()
|
2020-08-02 13:42:10 +00:00
|
|
|
)
|
2020-07-28 09:11:13 +00:00
|
|
|
)
|
|
|
|
},
|
2021-03-22 18:26:10 +00:00
|
|
|
sorting() {
|
|
|
|
return this.$store.state.settings.sorting
|
|
|
|
},
|
2019-08-04 21:49:07 +00:00
|
|
|
},
|
2020-08-02 13:42:10 +00:00
|
|
|
created() {},
|
2019-08-04 21:49:07 +00:00
|
|
|
methods: {
|
2019-08-13 19:35:32 +00:00
|
|
|
onSelectHome() {
|
2020-03-28 17:15:59 +00:00
|
|
|
this.$router.push({ name: this.routes.HOME })
|
2019-08-13 19:35:32 +00:00
|
|
|
},
|
2021-03-27 10:26:52 +00:00
|
|
|
|
|
|
|
onClickBack() {
|
|
|
|
this.$router.push(this.backLink)
|
|
|
|
},
|
|
|
|
|
2019-08-04 21:49:07 +00:00
|
|
|
onTagsChange(tags) {
|
2020-03-28 17:15:59 +00:00
|
|
|
this.$router.push({ name: this.routes.TAGS, params: { tags: tags.join(',') } })
|
2019-08-04 21:49:07 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
onSelectFolder(folder) {
|
2020-03-28 17:15:59 +00:00
|
|
|
this.$router.push({ name: this.routes.FOLDER, params: { folder } })
|
2019-08-15 13:38:39 +00:00
|
|
|
},
|
|
|
|
|
2021-03-27 10:26:52 +00:00
|
|
|
onOpenFolderShare() {
|
|
|
|
this.$store.dispatch(actions.OPEN_FOLDER_SHARING, this.folder.id)
|
|
|
|
},
|
|
|
|
|
2019-08-15 13:38:39 +00:00
|
|
|
onAddFolder() {
|
2019-08-25 12:24:46 +00:00
|
|
|
this.$store.commit(
|
|
|
|
mutations.DISPLAY_NEW_FOLDER,
|
|
|
|
!this.$store.state.displayNewFolder
|
2019-09-24 15:18:29 +00:00
|
|
|
)
|
2019-08-24 17:10:20 +00:00
|
|
|
},
|
2020-04-02 15:07:16 +00:00
|
|
|
onAddBookmark() {
|
|
|
|
this.$store.commit(
|
|
|
|
mutations.DISPLAY_NEW_BOOKMARK,
|
|
|
|
!this.$store.state.displayNewBookmark
|
|
|
|
)
|
|
|
|
},
|
2019-08-24 17:10:20 +00:00
|
|
|
|
2019-08-26 14:31:58 +00:00
|
|
|
onToggleViewMode() {
|
2019-09-11 12:07:15 +00:00
|
|
|
this.$store.dispatch(actions.SET_SETTING, {
|
|
|
|
key: 'viewMode',
|
2019-12-10 21:33:54 +00:00
|
|
|
value: this.$store.state.viewMode === 'grid' ? 'list' : 'grid',
|
2019-09-24 15:18:29 +00:00
|
|
|
})
|
2019-10-11 12:14:49 +00:00
|
|
|
},
|
|
|
|
|
2022-12-12 22:02:03 +00:00
|
|
|
onSearch(query) {
|
2024-01-27 17:31:04 +00:00
|
|
|
if (this.searchTimeout) clearTimeout(this.searchTimeout)
|
2024-02-04 10:55:25 +00:00
|
|
|
this.searchTimeout = setTimeout(() => {
|
|
|
|
if (query.trim()) {
|
|
|
|
this.$router.push({ name: this.routes.SEARCH, params: { search: query, folder: this.folder?.id || -1 } })
|
|
|
|
} else if (this.$route.name === this.routes.SEARCH) {
|
|
|
|
if (this.folder) {
|
|
|
|
this.$router.push({ name: this.routes.FOLDER, params: { folder: this.folder.id } })
|
|
|
|
} else {
|
|
|
|
this.$router.push({ name: this.routes.HOME })
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, 350)
|
2022-12-12 22:02:03 +00:00
|
|
|
},
|
|
|
|
|
2021-03-27 10:26:52 +00:00
|
|
|
copyRssUrl() {
|
2023-02-12 14:39:17 +00:00
|
|
|
navigator.clipboard.writeText(this.rssURL)
|
2021-03-27 10:26:52 +00:00
|
|
|
this.$store.commit(mutations.SET_NOTIFICATION, t('bookmarks', 'RSS feed copied'))
|
2020-07-28 09:11:13 +00:00
|
|
|
},
|
2021-03-22 18:26:10 +00:00
|
|
|
|
|
|
|
async onChangeSorting(value) {
|
|
|
|
await this.$store.dispatch(actions.SET_SETTING, {
|
|
|
|
key: 'sorting',
|
|
|
|
value,
|
|
|
|
})
|
|
|
|
await this.$store.dispatch(actions.FETCH_PAGE)
|
|
|
|
},
|
2019-12-10 21:33:54 +00:00
|
|
|
},
|
2019-09-24 15:18:29 +00:00
|
|
|
}
|
2019-08-04 21:49:07 +00:00
|
|
|
</script>
|
|
|
|
<style>
|
2020-08-14 21:10:48 +00:00
|
|
|
.controls {
|
2024-01-28 15:27:48 +00:00
|
|
|
padding: 4px 8px 0 50px;
|
2020-08-02 13:38:51 +00:00
|
|
|
display: flex;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 100;
|
|
|
|
background: var(--color-main-background-translucent);
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
2022-06-11 16:35:30 +00:00
|
|
|
border-bottom: var(--color-border) 1px solid;
|
2019-08-04 21:49:07 +00:00
|
|
|
}
|
2019-08-26 22:41:52 +00:00
|
|
|
|
2021-03-27 10:26:52 +00:00
|
|
|
.controls h2 {
|
|
|
|
margin: 0;
|
|
|
|
margin-left: 10px;
|
2022-12-12 16:44:09 +00:00
|
|
|
margin-right: 10px;
|
2021-03-27 10:26:52 +00:00
|
|
|
display: flex;
|
2021-05-14 13:25:38 +00:00
|
|
|
flex-shrink: 0;
|
2020-10-22 15:35:46 +00:00
|
|
|
}
|
|
|
|
|
2021-03-27 10:26:52 +00:00
|
|
|
.controls h2 :nth-child(2) {
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
2022-06-11 16:35:30 +00:00
|
|
|
.controls .action-item {
|
|
|
|
height: 45px;
|
2021-03-27 10:26:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.controls.wide {
|
|
|
|
padding: 0 8px;
|
2020-09-29 11:00:40 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.controls .custom-button:hover,
|
|
|
|
.controls .custom-button:active {
|
2020-09-29 12:58:44 +00:00
|
|
|
background-color: var(--color-background-hover);
|
2020-09-29 11:00:40 +00:00
|
|
|
}
|
|
|
|
|
2020-08-14 21:10:48 +00:00
|
|
|
.controls + * {
|
2020-08-02 13:38:51 +00:00
|
|
|
margin-top: 50px;
|
2019-08-04 21:49:07 +00:00
|
|
|
}
|
2019-08-26 22:41:52 +00:00
|
|
|
|
2020-08-14 21:10:48 +00:00
|
|
|
.controls__left {
|
2020-08-02 13:38:51 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
flex: 0;
|
2019-08-25 12:24:46 +00:00
|
|
|
}
|
2019-08-26 22:41:52 +00:00
|
|
|
|
2020-08-14 21:10:48 +00:00
|
|
|
.controls__tags {
|
2020-08-02 13:38:51 +00:00
|
|
|
width: 300px;
|
|
|
|
flex: 1;
|
2019-08-04 21:49:07 +00:00
|
|
|
}
|
2019-08-26 22:41:52 +00:00
|
|
|
|
2020-08-14 21:10:48 +00:00
|
|
|
.controls__right {
|
2020-08-02 13:38:51 +00:00
|
|
|
flex: 2;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
padding: 0;
|
2019-08-24 17:10:20 +00:00
|
|
|
}
|
2019-08-26 22:41:52 +00:00
|
|
|
|
2020-08-14 21:10:48 +00:00
|
|
|
.controls__right > * {
|
2020-08-02 13:38:51 +00:00
|
|
|
min-width: 30px;
|
2019-08-25 12:42:21 +00:00
|
|
|
}
|
2022-12-12 22:02:03 +00:00
|
|
|
|
|
|
|
.controls__right .inline-search {
|
2024-02-04 11:07:21 +00:00
|
|
|
max-width: 200px !important;
|
2022-12-12 22:02:03 +00:00
|
|
|
position: relative;
|
2024-01-28 15:27:48 +00:00
|
|
|
top: -4px;
|
2022-12-12 22:02:03 +00:00
|
|
|
}
|
2019-08-04 21:49:07 +00:00
|
|
|
</style>
|