Release 0.1.3

README.md

@@ -1,18 +1,13 @@
 # Pieces for Developers | Obsidian Plugin
 
-> This plugin is closed source. @joethei, @marcusolsson, & @liamcain all have access to our codebase.
-
 Streamline your coding workflow in Obsidian with the Pieces plugin, offering powerful features for capturing, managing,
 translating, and enhancing code snippets.
 
 [![Pieces For Developers Banner](./assets/readme/pfd-obisidan-plugin-hero.png)](https://youtu.be/x2JdssFEk2I)
 
 ## Install Instructions
 
-[Watch on YouTube](https://youtu.be/-88XiOa_hso): Learn how to Manually Side-Load Early Release Previews on MacOS (It's also very similar on Windows and Linux)
-
-
-Instructions for the latest Pieces for Developers Obsidian Plugin
+Download instructions for the latest Pieces for Developers Obsidian Plugin
 release: https://github.com/pieces-app/obsidian-pieces#install-instructions
 
 - Download and unzip the latest `obsidian-pieces-X.X.X` zip file
@@ -65,6 +60,7 @@ To use a Pieces command, simply highlight code in your editor or hover a snippet
 
 _Hotkeys aren't set by default, but here are our recomended layouts._
 
+
 | Command        | macOS       | Windows      |
 |----------------|-------------|--------------|
 | Save a snippet | CMD+Shift+P | Ctrl+Shift+P |

manifest.json

@@ -1,9 +1,9 @@
 {
   "id": "pieces-for-developers",
-  "name": "Pieces for Developers",
+  "name": "Pieces For Developers",
   "version": "0.1.1",
   "minAppVersion": "0.15.0",
-  "description": "Streamline your coding workflow in Obsidian with the Pieces For Developers plugin, offering powerful features for capturing, managing, translating, and enhancing code snippets. (Closed Source) ",
+  "description": "Streamline your coding workflow in Obsidian with the Pieces For Developers plugin, offering powerful features for capturing, managing, translating, and enhancing code snippets.",
   "author": "Pieces For Developers",
   "authorUrl": "https://pieces.app",
   "isDesktopOnly": true

styles.css

@@ -59,7 +59,7 @@
 
 .code-button-input {
 	display: block;
-	z-index: 999 !important;
+	z-index: 997 !important;
 	opacity: 0;
 	cursor: pointer !important;
 	position: absolute;
@@ -98,6 +98,18 @@ Styles */
 	margin-right: 0px;
 }
 
+.snippet {
+	background-color: var(--background-primary-alt);
+	border-radius: 5px;
+	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.8);
+	margin-top: 10px;
+	margin-bottom: 10px;
+	margin-left: 5px;
+	margin-right: 10px;
+	padding: 10px;
+	overflow: hidden;
+}
+
 .snippet_raw {
 	color: var(--text-muted);
 	font-family: Consolas, monospace;
@@ -141,6 +153,10 @@ Styles */
 	position: relative;
 }
 
+#editParent {
+	max-height: 400px !important;
+}
+
 .rawCode::-webkit-scrollbar {
 	display: none;
 }
@@ -457,7 +473,7 @@ Styles */
 
 .list-button-input {
 	display: block;
-	z-index: 2 !important;
+	z-index: -1 !important;
 	height: 22px !important;
 	width: 87px !important;
 	margin-top: -29.5px !important;
@@ -475,6 +491,7 @@ Styles */
 	font-size: small;
 	z-index: 1;
 	margin-left: 4px;
+	cursor: pointer;
 }
 
 .settings-div {
@@ -543,7 +560,7 @@ Styles */
 	max-width: 150px !important;
 	height: auto;
 	width: auto \9; /* ie8 */
-	margin-top: -10px;
+	margin-top: 12px;
 	text-align: left;
 	font-size: small;
 }
@@ -682,3 +699,113 @@ div[theme='light'] button {
 	margin-right: 10%;
 	cursor: pointer;
 }
+
+.edit-form-row {
+	display: flex;
+	width: 100%;
+	flex-direction: row;
+	justify-content: center;
+}
+
+.justify-left {
+	justify-content: left;
+}
+
+.edit-form-col {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	margin: 8px;
+}
+
+.col-small {
+	width: fit-content;
+}
+
+.edit-form {
+	max-width: 550px;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+.edit-title-input {
+	background: transparent !important;
+	font-weight: 600 !important;
+}
+
+.edit-dropdown {
+	text-align: center !important;
+	cursor: pointer;
+	max-height: 50px !important;
+	overflow-y: scroll;
+	background: transparent !important;
+	border: var(--input-border-width) solid var(--background-modifier-border);
+}
+
+.edit-dropdown:focus {
+	box-shadow: none !important;
+	border: var(--input-border-width) solid var(--background-modifier-border);
+	/* background: var(--interactive-normal) !important; */
+	background: transparent !important;
+}
+
+.edit-text,
+.edit-text-title {
+	margin-top: 10px;
+	margin-bottom: 10px;
+	font-size: smaller;
+	opacity: 0.8;
+}
+
+.edit-text-title {
+	font-size: x-large;
+	opacity: 0.9;
+	margin-bottom: 0px;
+}
+
+.verticalAlign {
+	align-items: center !important;
+}
+
+.delTitle {
+	color: #f44336;
+	opacity: 0.8;
+}
+
+.buttonDiv {
+	display: flex;
+	justify-content: flex-end;
+}
+
+/* If we ever want to 
+build an image dropdown */
+
+/* #toggler {
+  opacity: 0;
+  pointer-events: none;
+  touch-action: none;
+}
+
+.dropdownTest {
+  display: none;
+  position: absolute;
+  top: calc(0% + 10px);
+  flex-direction: column;
+  border: 1px solid black;
+  padding: 20px;
+  gap: 5px;
+  left: 87px;
+  background-color: white;
+}
+input:checked ~ .dropdownTest {
+  display: flex;
+} */
+
+/* .col-img {
+	max-width: 40px !important;
+	max-height: 40px !important;
+	position: absolute;
+	left: 10px;
+	top: 33px;
+} */