Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-07-07 15:51:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove unneeded mixin, use bs5 classes and inline style as needed

Browse Source
This commit is contained in:
Julian Lam
2022-10-24 14:35:13 -04:00
parent e63f8826b4
commit e7ba890889
15 changed files with 13 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/scss/admin/admin.scss
View File

@@ -10,8 +10,6 @@
@import "./manage/tags";
@import "./manage/groups";
@import "./appearance/customise";
@import "./appearance/themes";
@import "./appearance/skins";
@import "./extend/plugins";
@import "./extend/rewards";
@import "./extend/widgets";
@@ -275,7 +273,7 @@ form small {
}
#save {
@include floating-button;
transition: background-color 500ms linear;
&.saved {
background-color: $success;

3
public/scss/admin/appearance/skins.scss
View File

@@ -1,3 +0,0 @@
#skins > [data-type] button {
@include floating-button;
}

3
public/scss/admin/appearance/themes.scss
View File

@@ -1,3 +0,0 @@
#revert_theme {
@include floating-button;
}

10
public/scss/admin/extend/rewards.scss
View File

@@ -44,9 +44,9 @@
}
}
#new {
@include floating-button;
bottom: calc(64px + $spacer);
background-color: $success;
.page-admin-rewards {
#new {
bottom: calc(64px + $spacer);
background-color: $success;
}
}

6
public/scss/admin/manage/categories.scss
View File

@@ -96,10 +96,4 @@ div.categories {
min-width: 150px;
}
}
}
.page-admin-categories {
[data-action="create"] {
@include floating-button;
}
}

4
public/scss/admin/manage/groups.scss
View File

@@ -39,8 +39,4 @@
#group-icon-preview.fa-nbb-none {
display: none;
}
#create {
@include floating-button;
}
}

4
public/scss/admin/manage/privileges.scss
View File

@@ -33,8 +33,4 @@
}
}
}
#discard {
@include floating-button;
}
}

10
public/scss/admin/mixins.scss
View File

@@ -4,14 +4,4 @@
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
}
@mixin floating-button {
width: 64px;
height: 64px;
transition: background-color 500ms linear;
i {
font-size: 1.5em;
}
}

2
src/views/admin/appearance/skins.tpl
View File

@@ -4,7 +4,7 @@
</div>
<div data-type="bootswatch" data-theme="" data-css="">
<button data-action="use" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button data-action="use" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="material-icons">undo</i>
</button>
</div>

2
src/views/admin/appearance/themes.tpl
View File

@@ -4,6 +4,6 @@
</div>
</div>
<button id="revert_theme" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button id="revert_theme" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="material-icons">undo</i>
</button>

2
src/views/admin/extend/rewards.tpl
View File

@@ -72,7 +72,7 @@
</div>
<div class="floating-button">
<button id="new" class="btn btn-primary position-fixed end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button id="new" class="btn btn-primary position-fixed end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="fa fa-fw fa-plus"></i>
</button>

2
src/views/admin/manage/categories.tpl
View File

@@ -20,6 +20,6 @@
<div>
<!-- IMPORT partials/paginator.tpl -->
</div>
<button data-action="create" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button data-action="create" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="fa fa-fw fa-plus"></i>
</button>

2
src/views/admin/manage/groups.tpl
View File

@@ -62,6 +62,6 @@
</div>
</div>
<button id="create" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button id="create" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="fa fa-fw fa-plus"></i>
</button>

2
src/views/admin/manage/privileges.tpl
View File

@@ -24,7 +24,7 @@
</div>
<div class="floating-button">
<button id="discard" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button id="discard" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="fa fa-rotate-left"></i>
</button>

2
src/views/admin/partials/save_button.tpl
View File

@@ -1,3 +1,3 @@
<button id="save" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle" type="button">
<button id="save" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
<i class="fa fa-fw fas fa-floppy-disk"></i>
</button>