Pe 195 12 oct (#35)

* history and imports fixed * history and favourites are ready * font size / font family
2025-01-21 21:32:13 +01:00 · 2023-10-12 20:37:47 -07:00 · 2023-10-12 20:37:47 -07:00 · a8700f25eb
commit a8700f25eb
parent 3a96f2970a
22 changed files with 48 additions and 31 deletions
--- a/src/app/app.less
+++ b/src/app/app.less
@ -174,6 +174,7 @@ a.a-block {
            &.is-hidden {
                display: none;
            }
+            overflow: auto;
        }
    }
 }
--- a/src/app/bookmarks/bookmarks.less
+++ b/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;
+    }
 }
--- a/src/app/bookmarks/bookmarks.tsx
+++ b/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="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 className="header">
+                    <div className="bookmarks-title">Favourites</div>
+                    <div className="close-button hoverEffect" title="Close (Escape)" onClick={this.closeView}>
+                        <XmarkIcon className={"icon"} />
+                    </div>
                </div>
                <div className="bookmarks-list">
                    <For index="idx" each="bookmark" of={bookmarks}>
--- a/src/app/common/common.less
+++ b/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;
        }
    }

--- a/src/app/common/modals/modals.less
+++ b/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)

--- a/src/app/common/prompt/prompt.less
+++ b/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;
--- a/src/app/connections/connections.less
+++ b/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 {
--- a/src/app/history/history.less
+++ b/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;
        }
--- a/src/app/history/history.tsx
+++ b/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">
--- a/src/app/line/lines.less
+++ b/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;
--- a/src/app/sidebar/sidebar.less
+++ b/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;
--- a/src/app/workspace/cmdinput/cmdInput.less
+++ b/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;
@ -99,7 +99,7 @@
            &.display-disabled {
                background-color: #444;
            }
-            
+
            &:focus {
                box-shadow: none;
                border: none;
--- a/src/app/workspace/screen/screenview.less
+++ b/src/app/workspace/screen/screenview.less
@ -1,4 +1,4 @@
-@import "../../../app/app.less";
+@import "../../../app/common/themes/themes.less";

 .main-content {
    .screen-view {
--- a/src/app/workspace/screen/tabs.less
+++ b/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;
--- a/src/app/workspace/workspace.less
+++ b/src/app/workspace/workspace.less
@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";

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

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

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

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

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

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

 .openai-renderer {
    .openai-message {
--- a/src/plugins/terminal/terminal.less
+++ b/src/plugins/terminal/terminal.less
@ -1,4 +1,4 @@
-@import "../../app/app.less";
+@import "../../app/common/themes/themes.less";
@import "./xterm.less";

 .terminal-wrapper {