Mirrors
/
GooseMod
mirror of https://github.com/GooseMod/GooseMod
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[CSS] Rewrite (again)

Browse Source
pull/50/head
Oj18 3 years ago
parent 4d2163e472
commit 746fb25d56
17 changed files with 181 additions and 186 deletions
Show Stats Download Patch File Download Diff File

21
rollup.config.js
Unescape View File

@ -1,14 +1,20 @@
import { resolve } from 'path';
import { readdirSync } from 'fs';
// Rollup plugins
import localResolve from 'rollup-plugin-local-resolve';
import { terser } from 'rollup-plugin-terser';
import postcss from 'rollup-plugin-postcss';
import serve from 'rollup-plugin-serve';
// PostCSS plugins
import pcImport from 'postcss-import';
const prod = !process.env.ROLLUP_WATCH;
// Custom plugins
import goosemod from './building/rollup-plugin-gm/index';
const prod = !process.env.ROLLUP_WATCH;
export default [
{
@ -40,7 +46,16 @@ export default [
sourceMap: !prod,
plugins: [
pcImport()
pcImport({
resolve: (id, base, opts) => { // Resolve for @import
if (id.endsWith('/')) { // Directory resolving, eg: test/ imports all css files in test dir
const dir = resolve(base, id);
return readdirSync(dir).filter((x) => x.split('.').pop().startsWith('css')).map((x) => resolve(dir, x));
}
return resolve(base, id);
},
})
]
}),

6
src/css/index.css
Unescape View File

@ -1,6 +1,6 @@
@import "settings.css";
@import "ootb.css";
@import "repoModal.css";
@import "settings/";
@import "ootb/";
@import "store/";
@import "errorBoundary.css";
@import "discordFixes.css";
@import "sponsorModal.css";

17
src/css/ootb.css → src/css/ootb/highlight.css
Unescape View File

@ -1,20 +1,3 @@
/* OOTB */
.gm-modules-preview .guildIcon-cyDh6h {
display: none;
}
.gm-modules-preview .cardHeader-2XrQbx {
margin-bottom: 12px;
}
.gm-modules-preview .card-3_CqkU {
background-color: var(--background-tertiary);
}
.gm-ootb-modal {
width: 600px;
}
.gm-highlight #app-mount::after {
display: block;
content: '';

3
src/css/ootb/modal.css
Unescape View File

@ -0,0 +1,3 @@
.gm-ootb-modal {
width: 600px;
}

11
src/css/ootb/modulesPreview.css
Unescape View File

@ -0,0 +1,11 @@
.gm-modules-preview .guildIcon-cyDh6h {
display: none;
}
.gm-modules-preview .cardHeader-2XrQbx {
margin-bottom: 12px;
}
.gm-modules-preview .card-3_CqkU {
background-color: var(--background-tertiary);
}

163
src/css/settings.css → src/css/settings/card.css
Unescape View File

@ -1,41 +1,3 @@
#gm-settings-inject > div, .gm-store-settings {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.gm-store-settings > h1 {
flex-basis: 100%;
}
.gm-inline-dropdown {
display: flex;
align-items: center;
margin-left: 12px;
}
.gm-inline-dropdown > .select-2TCrqx {
width: 120px;
margin-left: 8px;
}
.gm-store-search {
flex-grow: 1;
margin-right: 12px;
}
.gm-store-header {
margin-bottom: 0;
width: 100%;
max-width: 100%;
}
.gm-store-card {
box-shadow: var(--elevation-medium);
background-color: var(--background-secondary);
@ -185,129 +147,4 @@
.gm-store-card > :nth-child(6) > :nth-child(3).hide-toggle {
display: none !important;
}
/* Mini cards (profile store) */
.gm-store-card-mini {
width: 100%;
height: 74px;
}
.gm-store-card-mini > :nth-child(1) {
background-color: unset;
right: 0px;
position: absolute;
width: 120px;
border-radius: 0 8px 8px 0;
height: 100%;
}
.gm-store-card-mini > :nth-child(3) {
margin-top: 0;
}
.gm-store-card-mini > :nth-child(4) {
-webkit-line-clamp: 1;
width: 75%;
}
.gm-store-card-mini > :nth-child(2), .gm-store-card-mini > :nth-child(5), .gm-store-card-mini > :nth-child(6) {
display: none;
}
.gm-modules-container {
display: flex;
grid-template-columns: none;
flex-flow: row wrap;
justify-content: center;
}
.gm-store-category {
width: 100%;
}
.gm-store-category > :nth-child(2) {
display: grid;
overflow-x: scroll;
grid-template-columns: repeat(auto-fill, 350px);
grid-auto-flow: column;
width: 100%;
}
.gm-store-loading-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.gm-store-author-pfp {
display: inline;
border-radius: 50%;
margin-right: 5px;
vertical-align: bottom;
}
.gm-store-author-name {
line-height: 32px;
}
.gm-settings-note-markdown {
font-size: inherit;
color: inherit !important;
}
.gm-settings-note-markdown .paragraph-3Ejjt0 {
margin: 0;
}
.gm-settings-label-icon {
vertical-align: sub;
}
.gm-settings-label-text {
vertical-align: top;
margin-left: 6px;
}
.gm-settings-header-collapser {
margin-top: -3px;
float: right;
width: 22px;
height: 22px;
}
.gm-settings-header-collapser.collapsed {
transform: rotate(-90deg);
}
/* Store image carousel */
.gm-carousel-modal {
background-color: var(--background-primary);
border-radius: 6px;
padding: 12px;
pointer-events: all;
}
.gm-carousel-modal .outer-s4sY2_ {
width: 50vw;
height: 30vw;
padding-top: 0 !important;
background-color: var(--background-secondary-alt);
}
.gm-carousel-modal .root-3tU4d2 {
background-color: unset;
}
.gm-carousel-modal .smallCarouselImage-2Qvg9S {
cursor: default;
}

11
src/css/settings/container.css
Unescape View File

@ -0,0 +1,11 @@
#gm-settings-inject > div, .gm-store-settings {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.gm-store-settings > h1 {
flex-basis: 100%;
}

11
src/css/settings/inlineDropdown.css
Unescape View File

@ -0,0 +1,11 @@
.gm-inline-dropdown {
display: flex;
align-items: center;
margin-left: 12px;
}
.gm-inline-dropdown > .select-2TCrqx {
width: 120px;
margin-left: 8px;
}

28
src/css/settings/labels.css
Unescape View File

@ -0,0 +1,28 @@
.gm-settings-note-markdown {
font-size: inherit;
color: inherit !important;
}
.gm-settings-note-markdown .paragraph-3Ejjt0 {
margin: 0;
}
.gm-settings-label-icon {
vertical-align: sub;
}
.gm-settings-label-text {
vertical-align: top;
margin-left: 6px;
}
.gm-settings-header-collapser {
margin-top: -3px;
float: right;
width: 22px;
height: 22px;
}
.gm-settings-header-collapser.collapsed {
transform: rotate(-90deg);
}

11
src/css/settings/storeCategory.css
Unescape View File

@ -0,0 +1,11 @@
.gm-store-category {
width: 100%;
}
.gm-store-category > :nth-child(2) {
display: grid;
overflow-x: scroll;
grid-template-columns: repeat(auto-fill, 350px);
grid-auto-flow: column;
width: 100%;
}

6
src/css/settings/storeHeader.css
Unescape View File

@ -0,0 +1,6 @@
.gm-store-header {
margin-bottom: 0;
width: 100%;
max-width: 100%;
}

5
src/css/settings/storeSearch.css
Unescape View File

@ -0,0 +1,5 @@
.gm-store-search {
flex-grow: 1;
margin-right: 12px;
}

10
src/css/store/author.css
Unescape View File

@ -0,0 +1,10 @@
.gm-store-author-pfp {
display: inline;
border-radius: 50%;
margin-right: 5px;
vertical-align: bottom;
}
.gm-store-author-name {
line-height: 32px;
}

24
src/css/store/imageModal.css
Unescape View File

@ -0,0 +1,24 @@
.gm-carousel-modal {
background-color: var(--background-primary);
border-radius: 6px;
padding: 12px;
pointer-events: all;
}
.gm-carousel-modal .outer-s4sY2_ {
width: 50vw;
height: 30vw;
padding-top: 0 !important;
background-color: var(--background-secondary-alt);
}
.gm-carousel-modal .root-3tU4d2 {
background-color: unset;
}
.gm-carousel-modal .smallCarouselImage-2Qvg9S {
cursor: default;
}

6
src/css/store/loading.css
Unescape View File

@ -0,0 +1,6 @@
.gm-store-loading-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

34
src/css/store/profileStore.css
Unescape View File

@ -0,0 +1,34 @@
/* Mini cards (profile store) */
.gm-store-card-mini {
width: 100%;
height: 74px;
}
.gm-store-card-mini > :nth-child(1) {
background-color: unset;
right: 0px;
position: absolute;
width: 120px;
border-radius: 0 8px 8px 0;
height: 100%;
}
.gm-store-card-mini > :nth-child(3) {
margin-top: 0;
}
.gm-store-card-mini > :nth-child(4) {
-webkit-line-clamp: 1;
width: 75%;
}
.gm-store-card-mini > :nth-child(2), .gm-store-card-mini > :nth-child(5), .gm-store-card-mini > :nth-child(6) {
display: none;
}
.gm-modules-container {
display: flex;
grid-template-columns: none;
flex-flow: row wrap;
justify-content: center;
}

0
src/css/repoModal.css → src/css/store/repoModal.css
Unescape View File

Write Preview
Loading…
Cancel
Save