Small fixes for style settings and textareas

Author: Stephan Ango

obsidian.css

@@ -1,6 +1,6 @@
 /* 
 
-Minimal Obsidian 3.3.1 by @kepano
+Minimal Obsidian 3.3.2 by @kepano
 
 This theme is designed to be used with the Minimal Theme Settings 
 plugin and the Hider plugin.
@@ -413,8 +413,8 @@ Frameless mode on macOS only */
 .modal.mod-settings .setting-item .pickr button.pcr-button {
   box-shadow:none;
   border-radius:40px;
-  height: 24px;
-  width: 24px;
+  height:24px;
+  width:24px;
 }
 .setting-item .pickr .pcr-button:after,
 .setting-item .pickr .pcr-button:before {
@@ -779,7 +779,7 @@ body:not(.is-mobile) .view-content .markdown-preview-view .image-embed:active im
 }
 .markdown-preview-view .table-view-table > thead > tr > th {
   font-weight:600;
-  font-size:vcalc(var(--font-adaptive-normal) - 1px);
+  font-size:calc(var(--font-adaptive-normal) - 1px);
   color:var(--text-normal);
   border-bottom:1px solid var(--text-faint);
   cursor:var(--cursor);
@@ -791,6 +791,10 @@ body:not(.is-mobile) .view-content .markdown-preview-view .image-embed:active im
 /* --------------- */
 /* Kanban Plugin */
 
+body .kanban-plugin__markdown-preview-view {
+  font-family:var(----text);
+}
+
 body .workspace-leaf-content[data-type=kanban] .view-header-title-container {
   text-align:center;
 }
@@ -866,6 +870,10 @@ body .kanban-plugin__new-lane-button-wrapper {
   position:fixed;
   bottom:30px;
 }
+body .kanban-plugin button {
+  box-shadow:none;
+  cursor:var(--cursor);
+}
 body .kanban-plugin__item-button-wrapper > button {
   font-size:var(--font-adaptive-small);
   color:var(--text-muted);
@@ -911,6 +919,17 @@ body button.kanban-plugin__new-lane-button {
   color:var(--text-faint);
 }
 
+@media (max-width:400pt) {
+  .kanban-plugin__board {
+    flex-direction:column !important;
+  }
+
+  .kanban-plugin__lane {
+    width:100% !important;
+    margin-bottom:1rem !important;
+  }
+}
+
 /* --------------- */
 /* Checklist Plugin */
 
@@ -2035,6 +2054,24 @@ input.document-replace-input:focus {
 /* --------------- */
 /* Form inputs */
 
+textarea,
+input[type='text'],
+input[type='search'],
+input[type='email'],
+input[type='password'],
+input[type='number'],
+button,
+.dropdown,
+.setting-item-control button {
+  font-family:var(--font-ui);
+  font-size:13px;
+}
+textarea {
+  padding:5px 10px;
+  transition:all 0.1s linear;
+  -webkit-appearance:none;
+  line-height:1.3;
+}
 input[type='text'],
 input[type='search'],
 input[type='email'],
@@ -2043,25 +2080,16 @@ input[type='number'] {
   padding:5px 10px;
   -webkit-appearance:none;
   transition:all 0.1s linear;
-    height:var(--input-height);
+  height:var(--input-height);
 }
+textarea:hover,
 select:hover,
 input:hover {
   border-color:var(--background-modifier-border-hover);
   transition:all 0.1s linear;
 }
-input[type='text'],
-input[type='search'],
-input[type='email'],
-input[type='password'],
-input[type='number'],
-button,
-.dropdown,
-.setting-item-control button {
-  font-family:var(--font-ui);
-  font-size:13px;
-}
-
+textarea:active,
+textarea:focus,
 button:active,
 button:focus,
 .dropdown:focus,
@@ -2080,16 +2108,17 @@ input[type='password']:focus,
 input[type='number']:focus {
   -webkit-appearance:none;
   border-color:var(--background-modifier-border-hover);
-  box-shadow: 0 0 0px 2px var(--background-modifier-border-hover);
 }
+body:not(.is-mobile) textarea:active,
+body:not(.is-mobile) textarea:focus,
 body:not(.is-mobile) button:active,
 body:not(.is-mobile) button:focus,
 body:not(.is-mobile) .dropdown:focus,
 body:not(.is-mobile) .dropdown:active,
 body:not(.is-mobile) select:focus,
 body:not(.is-mobile) select:active,
 body:not(.is-mobile) input:focus {
-  box-shadow: 0 0 0px 2px var(--background-modifier-border-hover);
+  box-shadow:0 0 0px 2px var(--background-modifier-border-hover);
 }
 .modal.mod-settings button:not(.mod-cta):not(.mod-warning),
 .modal button:not(.mod-warning),
@@ -2101,7 +2130,7 @@ body:not(.is-mobile) input:focus {
   cursor:var(--cursor);
   height:var(--input-height);
   line-height:0;
-  white-space: nowrap;
+  white-space:nowrap;
 }
 button:hover,
 .modal button:not(.mod-warning):hover,
@@ -3496,7 +3525,7 @@ input[type=range]::-webkit-slider-thumb:active {
 /* Publish */
 
 .modal.mod-publish {
-  max-width: 600px;
+  max-width:600px;
   padding-left:0;
   padding-right:0;
   padding-bottom:0;
@@ -3519,8 +3548,8 @@ input[type=range]::-webkit-slider-thumb:active {
   border-top:1px solid var(--background-modifier-border);
   bottom:0px;
   background-color:var(--background-primary);
-  position: absolute;
-  width: 100%;
+  position:absolute;
+  width:100%;
   margin-left:-20px;
   text-align:center;
 }
@@ -3545,7 +3574,7 @@ input[type=range]::-webkit-slider-thumb:active {
   overflow-x:hidden;
 }
 .publish-section-header {
-  padding-bottom: 15px;
+  padding-bottom:15px;
   border-width:1px;
 }
 .password-item {
@@ -3585,7 +3614,7 @@ input[type=range]::-webkit-slider-thumb:active {
   font-size:var(--font-small);
 }
 .mod-publish .file-tree-item-checkbox {
-  filter: hue-rotate(0);
+  filter:hue-rotate(0);
 }
 .mod-publish .file-tree-item.mod-deleted .flair,
 .mod-publish .file-tree-item.mod-to-delete .flair {
@@ -3764,7 +3793,7 @@ body.minimal-folding.is-mobile .view-header-title,
 /* Folding on mobile */
 
 .ͼ1 .cm-foldGutter .cm-gutterElement {
-  cursor: var(--cursor);
+  cursor:var(--cursor);
 }
 
 .ͼ1 .cm-foldPlaceholder {
@@ -4304,15 +4333,15 @@ body:not(.is-ios).is-mobile .workspace-drawer-ribbon {
   }
   .is-mobile .publish-section-header,
   .is-mobile .publish-changes-info {
-    flex-wrap: wrap;
+    flex-wrap:wrap;
     border:none;
   }
   .is-mobile .publish-changes-info .publish-changes-add-linked-btn {
-    flex-basis: 100%;
+    flex-basis:100%;
     margin-top:10px;
   }
   .is-mobile .publish-section-header-text {
-    flex-basis: 100%;
+    flex-basis:100%;
     margin-bottom:10px;
     margin-left:20px;
     margin-top:-8px;
@@ -4455,7 +4484,6 @@ body:not(.is-ios).is-mobile .workspace-drawer-ribbon {
 /* Style Settings */
 
 /* @settings
-
 name: Minimal Theme
 id: minimal-style
 settings:
@@ -4826,6 +4854,5 @@ settings:
         description: Made with ❤︎ by @kepano. Support my work at buymeacoffee.com/kepano
         level: 2
         collapsed: true
-    -
 
 */