fix: 💄 fixed mobile queue view

catppuccin · May 1, 2023 · 2fad2e5 · 2fad2e5
1 parent f137198
commit 2fad2e5
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 48 deletions.
diff --git a/package.json b/package.json
@@ -1,44 +1,44 @@
 {
-  "private": true,
-  "name": "ctp-remnote-plugin",
-  "version": "1.1.0",
-  "license": "MIT",
-  "scripts": {
-    "check-types": "tsc",
-    "dev": "cross-env NODE_ENV=development webpack-dev-server --color --progress --no-open",
-    "build": "npx remnote-plugin validate && shx rm -rf dist && cross-env NODE_ENV=production webpack --color --progress && shx cp README.md dist && cd dist && bestzip ../PluginZip.zip ./*"
-  },
-  "dependencies": {
-    "@catppuccin/palette": "^0.1.8",
-    "@remnote/plugin-sdk": "^0.0.14",
-    "@types/less": "^3.0.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
-  "devDependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
-    "@types/node": "^18.0.3",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
-    "autoprefixer": "^10.4.7",
-    "bestzip": "^2.2.1",
-    "concurrently": "^7.2.2",
-    "copy-webpack-plugin": "^11.0.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.7.1",
-    "esbuild-loader": "^2.19.0",
-    "html-webpack-plugin": "^5.5.0",
-    "mini-css-extract-plugin": "^2.6.1",
-    "postcss": "^8.4.14",
-    "postcss-import": "^14.1.0",
-    "postcss-loader": "^7.0.0",
-    "react-refresh": "^0.14.0",
-    "shx": "^0.3.4",
-    "tailwindcss": "^3.1.5",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.7.4",
-    "webpack": "^5.73.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.9.3"
-  }
+	"private": true,
+	"name": "ctp-remnote-plugin",
+	"version": "1.1.1",
+	"license": "MIT",
+	"scripts": {
+		"check-types": "tsc",
+		"dev": "cross-env NODE_ENV=development webpack-dev-server --color --progress --no-open",
+		"build": "npx remnote-plugin validate && shx rm -rf dist && cross-env NODE_ENV=production webpack --color --progress && shx cp README.md dist && cd dist && bestzip ../PluginZip.zip ./*"
+	},
+	"dependencies": {
+		"@catppuccin/palette": "^0.1.8",
+		"@remnote/plugin-sdk": "^0.0.14",
+		"@types/less": "^3.0.3",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.2"
+	},
+	"devDependencies": {
+		"@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
+		"@types/node": "^18.0.3",
+		"@types/react": "^17.0.2",
+		"@types/react-dom": "^17.0.2",
+		"autoprefixer": "^10.4.7",
+		"bestzip": "^2.2.1",
+		"concurrently": "^7.2.2",
+		"copy-webpack-plugin": "^11.0.0",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.7.1",
+		"esbuild-loader": "^2.19.0",
+		"html-webpack-plugin": "^5.5.0",
+		"mini-css-extract-plugin": "^2.6.1",
+		"postcss": "^8.4.14",
+		"postcss-import": "^14.1.0",
+		"postcss-loader": "^7.0.0",
+		"react-refresh": "^0.14.0",
+		"shx": "^0.3.4",
+		"tailwindcss": "^3.1.5",
+		"ts-node": "^10.9.1",
+		"typescript": "^4.7.4",
+		"webpack": "^5.73.0",
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.9.3"
+	}
 }
diff --git a/public/manifest.json b/public/manifest.json
@@ -8,7 +8,7 @@
 	"version": {
 		"major": 1,
 		"minor": 1,
-		"patch": 0
+		"patch": 1
 	},
 	"theme": ["light", "dark"],
 	"description": "📔 A soothing pastel theme for your RemNote experience!",

diff --git a/public/theme.less b/public/theme.less
@@ -35,6 +35,11 @@ Originally cloned from https://github.com/ethomasv/RemNoteTheme
 		background-color: @base;
 	}
 
+	.bg-primary-70 {
+		--tw-bg-opacity: 1;
+		background-color: rgba(@accent-raw, var(--tw-bg-opacity));
+	}
+
 	.rn-checkbox--checked {
 		background-color: @surface1;
 		color: @accent;
@@ -354,7 +359,18 @@ Originally cloned from https://github.com/ethomasv/RemNoteTheme
 }
 
 .rn-queue {
-	background: @surface0;
+	background: @mantle;
+}
+
+// For mobile devices with a maximum width of 768px
+@media (max-width: 768px) {
+	.rn-queue-container {
+		background: @base;
+	}
+
+	.rn-queue {
+		background: @base;
+	}
 }
 
 .rn-clr-shadow-menu {
@@ -412,4 +428,12 @@ Originally cloned from https://github.com/ethomasv/RemNoteTheme
 }
 .w-full.mx-auto.px-5.md\:px-14.py-10 {
 	background-color: @base!important;
+}
+
+// tab selection background color when focused thigny (like all notes, flashcards, and edit later)
+
+.hover\:rn-clr-background-light-accent--hovered:hover {
+	--tw-bg-opacity: 1;
+	background: rgba(@accent-raw, var(--tw-bg-opacity))!important;
+	color: @mantle;
 }
diff --git a/src/funcs/buildLess.ts b/src/funcs/buildLess.ts
@@ -35,8 +35,6 @@ function formTheme(theme: string, masterTheme: string, accent: string) {
 	// prepend the color palette to the less file
 	let palette = "";
 
-	console.log(theme);
-
 	if (theme === "americano") {
 		americano = true;
 		theme = "mocha";
@@ -66,7 +64,6 @@ function formTheme(theme: string, masterTheme: string, accent: string) {
 	palette += `@accent: ${accentColor.hex};\n`;
 
 	themeData = palette + themeData;
-	console.log(themeData);
 	// compile the less file
 	return new Promise((resolve, reject) => {
 		// compile the less file
@@ -75,7 +72,6 @@ function formTheme(theme: string, masterTheme: string, accent: string) {
 				console.log(err);
 				reject(err);
 			} else {
-				console.log(output.css);
 				resolve(output.css);
 			}
 		});