Pe 195 12 oct (#35)

* history and imports fixed

* history and favourites are ready

* font size / font family

src/app/app.less

@@ -174,6 +174,7 @@ a.a-block {
             &.is-hidden {
                 display: none;
             }
+            overflow: auto;
         }
     }
 }

src/app/bookmarks/bookmarks.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .bookmarks-view {
     background-color: @background-session;
@@ -18,6 +18,16 @@
         }
     }
 
+    .header {
+        margin: 1.5em 1.5em 0.5em;
+
+        .bookmarks-title {
+            margin-bottom: 0.5em;
+            font-weight: bold;
+            font-size: 1.5em;
+        }
+    }
+
     .icon {
         width: 1em;
         height: 1em;
@@ -79,9 +89,10 @@
         .bookmark-id-div {
             display: none;
             position: absolute;
-            color: #666;
+            color: @disabled-color;
             right: 5px;
             bottom: 2px;
+            font-size: 0.8em;
         }
 
         &:hover .bookmark-id-div {
@@ -114,4 +125,7 @@
             visibility: visible;
         }
     }
+    .help-entry {
+        margin: 1em 2em;
+    }
 }

src/app/bookmarks/bookmarks.tsx

@@ -191,12 +191,11 @@ class BookmarksView extends React.Component<{}, {}> {
         let bookmark: BookmarkType = null;
         return (
             <div className={cn("bookmarks-view", { "is-hidden": isHidden })}>
+                <div className="header">
+                    <div className="bookmarks-title">Favourites</div>
                     <div className="close-button hoverEffect" title="Close (Escape)" onClick={this.closeView}>
                         <XmarkIcon className={"icon"} />
                     </div>
-                <div className="alt-title">
-                    <FavouritesIcon className={"icon"} style={{ marginRight: 10 }} />
-                    Favourites
                 </div>
                 <div className="bookmarks-list">
                     <For index="idx" each="bookmark" of={bookmarks}>

src/app/common/common.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .info-message {
     position: relative;
@@ -91,6 +91,8 @@
             white-space: pre;
             padding: 2px 8px 2px 8px;
             background-color: @term-black;
+            font-size: 1em;
+            font-family: @fixed-font;
         }
     }
 

src/app/common/modals/modals.less

@@ -1,4 +1,4 @@
-@import "../../../app/app.less";
+@import "../../../app/common/themes/themes.less";
 
 // modal css (also includes settings-field)
 

src/app/common/prompt/prompt.less

@@ -1,4 +1,4 @@
-@import "../../../app/app.less";
+@import "../../../app/common/themes/themes.less";
 
 .term-prompt {
     font-weight: 300;

src/app/connections/connections.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .modal.prompt-modal.remotes-modal {
     .modal-content {

src/app/history/history.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .history-view {
     background-color: @background-session;
@@ -31,10 +31,10 @@
     }
 
     .header {
-        margin: 10px;
+        margin: 1.5em 1.5em 0.5em;
 
         .history-title {
-            margin-top: 0.3em;
+            margin-bottom: 0.5em;
             font-weight: bold;
             font-size: 1.5em;
         }

src/app/history/history.tsx

@@ -347,7 +347,7 @@ class HistoryView extends React.Component<{}, {}> {
         return (
             <div className={cn("history-view", { "is-hidden": isHidden })}>
                 <div className="header">
-                    <div className="history-title">HISTORY</div>
+                    <div className="history-title">History</div>
                     <div className="history-search">
                         <div className="main-search field">
                             <p className="control has-icons-left">

src/app/line/lines.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .line.line-text {
     flex-direction: row;

src/app/sidebar/sidebar.less

@@ -1,8 +1,9 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .main-sidebar {
     padding: 0;
-    width: 20rem;
+    min-width: 20rem;
+    max-width: 20rem;
     display: flex;
     flex-direction: column;
     position: relative;

src/app/workspace/cmdinput/cmdInput.less

@@ -1,4 +1,4 @@
-@import "../../../app/app.less";
+@import "../../../app/common/themes/themes.less";
 
 .cmd-input {
     border-radius: 6px;

src/app/workspace/screen/screenview.less

@@ -1,4 +1,4 @@
-@import "../../../app/app.less";
+@import "../../../app/common/themes/themes.less";
 
 .main-content {
     .screen-view {

src/app/workspace/screen/tabs.less

@@ -1,4 +1,4 @@
-@import "../../../app/app.less";
+@import "../../../app/common/themes/themes.less";
 
 #main .screen-tabs .screen-tab {
     border-radius: 12px 0px 0px 0px;

src/app/workspace/workspace.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .session-view {
     flex-grow: 1;

src/plugins/code/code.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .code-renderer {
     .monaco-editor {

src/plugins/csv/csv.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .csv-renderer {
     .cursor-pointer {

src/plugins/image/image.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .image-renderer {
     padding: 10px;

src/plugins/markdown/markdown.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .markdown-renderer {
     color: @term-white;

src/plugins/mustache/mustache.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .mustache-renderer {
     color: @term-white;

src/plugins/openai/openai.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 
 .openai-renderer {
     .openai-message {

src/plugins/terminal/terminal.less

@@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
 @import "./xterm.less";
 
 .terminal-wrapper {