Fix settings button position

pull/5370/head
alexcherman 5 years ago
parent 1db45ad1ea
commit d1bb0bd0dd
  1. 2
      src/app/components/plugin-manager-component.js
  2. 10
      src/app/components/plugin-manager-settings.js
  3. 2
      src/app/tabs/theme-module.js

@ -115,7 +115,7 @@ class PluginManagerComponent extends ViewPlugin {
</button>` </button>`
return yo` return yo`
<article id="remixPluginManagerListItem_${name}" class="list-group-item px-2 pt-2 pb-0 plugins-list-group-item" title="${displayName}" > <article id="remixPluginManagerListItem_${name}" class="list-group-item py-1 plugins-list-group-item" title="${displayName}" >
<div class="${css.row} justify-content-between align-items-center mb-2"> <div class="${css.row} justify-content-between align-items-center mb-2">
<h6 class="${css.displayName} plugin-name"> <h6 class="${css.displayName} plugin-name">
${displayName} ${displayName}

@ -11,12 +11,8 @@ const css = csjs`
align-items: center; align-items: center;
padding: 5px 20px; padding: 5px 20px;
} }
.permissionsButton { .permissions button {
height: 32px; padding: 2px 5px;
padding: 0 12px;
font-weight: 700;
font-size: 12px;
line-height: 16px;
cursor: pointer; cursor: pointer;
} }
.permissionForm h4 { .permissionForm h4 {
@ -131,7 +127,7 @@ export class PluginManagerSettings {
render () { render () {
return yo` return yo`
<footer class="bg-light ${css.permissions} remix-bg-opacity"> <footer class="bg-light ${css.permissions} remix-bg-opacity">
<button onclick="${() => this.openDialog()}" class="btn btn-primary btn-sm ${css.permissionsButton}">Settings</button> <button onclick="${() => this.openDialog()}" class="btn btn-primary settings-button">Settings</button>
</footer>` </footer>`
} }

@ -3,7 +3,7 @@ import { EventEmitter } from 'events'
import * as packageJson from '../../../package.json' import * as packageJson from '../../../package.json'
const themes = [ const themes = [
{name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572885068/remix-custom-dark.css'}, {name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572963493/remix-custom-dark.css'},
{name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572342742/light-theme.css'}, {name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572342742/light-theme.css'},
// switching to the url Todo: remove when the theme is ready // switching to the url Todo: remove when the theme is ready

Loading…
Cancel
Save