@salesforcedevs/docs-components 0.0.3-edit → 0.0.4-edit

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/modules/doc/chat/chat.css +3 -0
  3. package/src/modules/doc/chat/chat.html +1 -1
  4. package/src/modules/doc/contentLayout/contentLayout.css +12 -0
  5. package/src/modules/doc/contentLayout/contentLayout.html +5 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/docs-components",
3
- "version": "0.0.3-edit",
3
+ "version": "0.0.4-edit",
4
4
  "description": "Docs Lightning web components for DSC",
5
5
  "license": "MIT",
6
6
  "main": "index.js",
package/src/modules/doc/chat/chat.css CHANGED
@@ -8,6 +8,7 @@
8
8
  font-family: "Salesforce Sans", -apple-system, BlinkMacSystemFont,
9
9
  "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
10
10
  sans-serif;
11
+ pointer-events: none; /* Allow clicks to pass through when chat is closed */
11
12
  }
12
13
 
13
14
  /* Apply content shift to main page content when chat is open */
@@ -50,6 +51,7 @@ body.chat-closed .global-header {
50
51
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
51
52
  animation: pulse 3s infinite;
52
53
  padding: 0;
54
+ pointer-events: auto; /* Enable clicks on trigger button */
53
55
  }
54
56
 
55
57
  /* Tooltip styling */
@@ -146,6 +148,7 @@ body.chat-closed .global-header {
146
148
  flex-direction: column;
147
149
  border-left: 1px solid #d8dde6;
148
150
  backdrop-filter: blur(20px);
151
+ pointer-events: auto; /* Enable clicks on chat container */
149
152
  }
150
153
 
151
154
  .chat-container_open {
package/src/modules/doc/chat/chat.html CHANGED
@@ -5,7 +5,7 @@
5
5
  class="chat-trigger-button"
6
6
  onclick={handleOpenClick}
7
7
  aria-label="Open chat"
8
- data-tooltip="Chat with us!"
8
+ data-tooltip="Let's search!"
9
9
  >
10
10
  <img
11
11
  class="chat-gif"
package/src/modules/doc/contentLayout/contentLayout.css CHANGED
@@ -1 +1,13 @@
1
1
  @import "docHelpers/contentLayoutStyle";
2
+
3
+ /* Position edit file component in top-right corner */
4
+ .content-body {
5
+ position: relative;
6
+ }
7
+
8
+ .edit-file-positioned {
9
+ position: absolute;
10
+ top: 0;
11
+ right: 0;
12
+ z-index: 10;
13
+ }
package/src/modules/doc/contentLayout/contentLayout.html CHANGED
@@ -43,6 +43,11 @@
43
43
  <slot name="version-banner"></slot>
44
44
  <div class="content-body-container">
45
45
  <div class="content-body">
46
+ <doc-edit-file
47
+ class="edit-file-positioned"
48
+ file-name={sidebarValue}
49
+ title="Edit File"
50
+ ></doc-edit-file>
46
51
  <doc-breadcrumbs
47
52
  lwc:if={showBreadcrumbs}
48
53
  breadcrumbs={breadcrumbs}
@@ -51,10 +56,6 @@
51
56
  <doc-sprig-survey
52
57
  lwc:if={shouldDisplayFeedback}
53
58
  ></doc-sprig-survey>
54
- <doc-edit-file
55
- file-name="example.txt"
56
- title="Edit File"
57
- ></doc-edit-file>
58
59
  </div>
59
60
  <div lwc:if={showToc} class="right-nav-bar is-sticky">
60
61
  <dx-toc