Skip to content

Fix: Setup import dialog styling issues #2597

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SReject merged 1 commit into from
Jul 11, 2024
Merged

Fix: Setup import dialog styling issues #2597

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 4 additions & 5 deletions src/gui/app/directives/modals/setups/import-setup-modal.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
</file-chooser>
</div>
<div ng-if="$ctrl.setupSelected">
<div style="padding: 15px;background: #242529;border-radius: 5px;">
<div class="effect-list" style="padding: 15px;border-radius: 5px;">
<div class="script-name" style="font-size: 30px;font-weight: 100;">{{$ctrl.setup.name || "Unnamed Setup"}} <span class="script-version muted">v{{$ctrl.setup.version}}</span></div>
<div style="font-size: 13px;">by <span class="script-author">{{$ctrl.setup.author}}</span></div>
<div class="script-description" ng-bind-html="$ctrl.setup.description"></div>
Expand All @@ -36,7 +36,7 @@
<div ng-repeat="(key, name) in $ctrl.componentTypes">
<div ng-repeat="component in $ctrl.setup.components[key]">
<div style="display: flex;align-items: center;">
<span style="padding: 2px 7px;font-size: 13px;background: #242529;border-radius: 3px;">{{name}}</span>
<span class="list-group-item" style="padding: 2px 7px;font-size: 13px;border-radius: 3px;">{{name}}</span>
<span style="margin-left: 5px;font-size: 20px;font-weight: 500;">{{component.trigger || component.name}}</span>
<span ng-show="$ctrl.currentIds[component.id]" style="color:red;margin-left: 4px;"><i class="far fa-exclamation-triangle" uib-tooltip="This {{name}} already exists for you. If you import this Setup, the {{name}} will be replaced by the version in this setup."></i></span>
</div>
Expand All @@ -46,9 +46,9 @@

<div ng-show="$ctrl.setup.requireCurrency" style="margin-top: 25px;">
<h4 class="muted">Currency To Use:</h4>
<p class="muted">This setup requires that you select one of your currencies so it can be used in the included effects, variables, and restrictions.</p>
<h5>This setup requires that you select one of your currencies so it can be used in the included effects, variables, and restrictions.</h5>
<select
class="fb-select"
class="form-control fb-select"
ng-model="$ctrl.selectedCurrency"
ng-options="currency as currency.name for currency in $ctrl.currencies">
<option value="" disabled selected>Select currency...</option>
Expand Down Expand Up @@ -140,7 +140,6 @@
`);

modal.document.title = `Firebot Setup - ${$ctrl.setup.name}`;
modal.document.body.style.color = "white";
modal.document.body.style.fontFamily = "sans-serif";
};

Expand Down