diff --git a/changelog.d/admin_tab.add b/changelog.d/admin_tab.add deleted file mode 100644 index 421ce57cd..000000000 --- a/changelog.d/admin_tab.add +++ /dev/null @@ -1 +0,0 @@ -Most of the remaining AdminFE tabs into Admin Dashboard diff --git a/src/App.scss b/src/App.scss index 57faf4aa3..ee1654bb7 100644 --- a/src/App.scss +++ b/src/App.scss @@ -513,12 +513,6 @@ nav { } } -label { - &.-disabled { - color: var(--textFaint); - } -} - input, textarea { border: none; @@ -559,10 +553,6 @@ textarea { &[disabled="disabled"], &.disabled { cursor: not-allowed; - color: var(--textFaint); - - /* stylelint-disable-next-line declaration-no-important */ - background-color: transparent !important; } &[type="range"] { @@ -588,8 +578,6 @@ textarea { & + label::before { opacity: 0.5; } - - background-color: var(--background); } + label::before { @@ -689,8 +677,7 @@ option { list-style: none; display: grid; grid-auto-flow: row dense; - grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); - grid-gap: 0.5em; + grid-template-columns: 1fr 1fr; li { border: 1px solid var(--border); @@ -705,16 +692,13 @@ option { display: inline-flex; vertical-align: middle; - .Select select { - line-height: 1; - } - > *, > * .button-default { --_roundness-left: 0; --_roundness-right: 0; position: relative; + flex: 1 1 auto; } > *:first-child, diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue index 1e0f5ad05..c8bba4c44 100644 --- a/src/components/checkbox/checkbox.vue +++ b/src/components/checkbox/checkbox.vue @@ -1,7 +1,7 @@ - - diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js index 7c137e35f..d8f769e0b 100644 --- a/src/components/settings_modal/admin_tabs/emoji_tab.js +++ b/src/components/settings_modal/admin_tabs/emoji_tab.js @@ -10,22 +10,6 @@ import ModifiedIndicator from '../helpers/modified_indicator.vue' import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue' import { useInterfaceStore } from 'src/stores/interface' -import SharedComputedObject from '../helpers/shared_computed_object.js' -import { library } from '@fortawesome/fontawesome-svg-core' -import { - faArrowsRotate, - faFolderOpen, - faServer, - faDownload -} from '@fortawesome/free-solid-svg-icons' - -library.add( - faArrowsRotate, - faFolderOpen, - faDownload, - faServer -) - const EmojiTab = { components: { TabSwitcher, @@ -60,12 +44,10 @@ const EmojiTab = { }, computed: { - ...SharedComputedObject(), pack () { return this.packName !== '' ? this.knownPacks[this.packName] : undefined }, packMeta () { - if (this.packName === '') return {} if (this.editedMetadata[this.packName] === undefined) { this.editedMetadata[this.packName] = clone(this.pack.pack) } @@ -116,6 +98,8 @@ const EmojiTab = { return Promise.reject(resp) } }).then(() => { + this.$refs.createPackPopover.hidePopover() + this.packName = this.newPackName this.newPackName = '' }) @@ -221,6 +205,8 @@ const EmojiTab = { for (const pack in this.knownRemotePacks[inst]) { this.sortPackFiles(`${pack}@${inst}`) } + + this.$refs.remotePackPopover.hidePopover() }) .catch(data => { this.displayError(data) @@ -237,6 +223,8 @@ const EmojiTab = { .then(data => data.json()) .then(resp => { if (resp === 'ok') { + this.$refs.downloadPackPopover.hidePopover() + return this.refreshPackList() } else { this.displayError(resp.error) @@ -254,6 +242,8 @@ const EmojiTab = { .then(data => data.json()) .then(resp => { if (resp === 'ok') { + this.$refs.additionalRemotePopover.hidePopover() + return this.refreshPackList() } else { this.displayError(resp.error) @@ -272,6 +262,8 @@ const EmojiTab = { .then(data => data.json()) .then(resp => { if (resp === 'ok') { + this.$refs.additionalRemotePopover.hidePopover() + return this.refreshPackList() } else { this.displayError(resp.error) diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss index 327d0f376..eefada63a 100644 --- a/src/components/settings_modal/admin_tabs/emoji_tab.scss +++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss @@ -1,48 +1,10 @@ -.EmojiTab { - .setting-list { - padding-left: 0.75em; +.emoji-tab { + .btn-group .btn:not(:first-child) { + margin-left: 0.5em; } - .toolbar { - display: flex; - flex-wrap: wrap; - gap: 0.5em; - - .header-buttons { - display: flex; - flex: 1 0 auto; - justify-content: end; - - &:not(.btn-group) { - gap: 0.5em; - } - - .header-text { - flex: 1 0 auto; - } - } - - .button-default { - flex: 0 0 auto; - padding: 0.5em; - font-size: 1rem; - } - } - - .selector-buttons, - .meta-buttons { - display: flex; - flex-wrap: wrap; - gap: 0.5em; - } - - h5 { + .pack-info-wrapper { margin-top: 1em; - margin-bottom: 0.25em; - } - - h3.toolbar { - align-items: end; } .emoji-info-input { @@ -56,8 +18,8 @@ } .emoji { - width: 2em; - height: 2em; + width: 32px; + height: 32px; } .emoji-unsaved { @@ -68,14 +30,6 @@ display: flex; flex-wrap: wrap; gap: 1em; - - .placeholder { - background: var(--textFaint); - border-radius: 0.5em; - width: 2em; - height: 2em; - opacity: 0.5; - } } } diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue index fcf03dd97..9095192fe 100644 --- a/src/components/settings_modal/admin_tabs/emoji_tab.vue +++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue @@ -1,229 +1,84 @@