feat: max height 250px

tiddly-gittly · Nov 7, 2024 · cbb90fd · cbb90fd
1 parent 00c5b9c
commit cbb90fd
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/src/inverse-link-and-folder/components/card.css b/src/inverse-link-and-folder/components/card.css
@@ -7,6 +7,8 @@
 
   display: flex;
   flex-wrap: wrap;
+  max-height: 250px;
+  overflow-y: auto;
 }
 
 .inverse-link-and-folder-card-title {
@@ -18,6 +20,11 @@
   justify-content: space-between;
 }
 
+.inverse-link-and-folder-card-close {
+  background: unset;
+  border: none;
+}
+
 .inverse-link-and-folder-card-sub-title {
   font-size: 1em;
   width: 100%;

diff --git a/src/inverse-link-and-folder/components/list.css b/src/inverse-link-and-folder/components/list.css
@@ -1,4 +1,4 @@
-.horizontal-list-links {
+.inverse-link-and-folder-list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -7,16 +7,16 @@
   padding: 0;
   list-style-type: none;
 }
-.horizontal-list-links {
+.inverse-link-and-folder-list {
 	overscroll-behavior: contain;
 	overflow-y: -moz-scrollbars-none;
 }
-.horizontal-list-links::-webkit-scrollbar {
+.inverse-link-and-folder-list::-webkit-scrollbar {
 	width: 0 !important
 }
 
-.horizontal-list-links li a,
-.horizontal-list-links li a:hover {
+.inverse-link-and-folder-list li a,
+.inverse-link-and-folder-list li a:hover {
   line-height: unset;
   background-color: unset;
   border: none;

diff --git a/src/inverse-link-and-folder/info-area.tid b/src/inverse-link-and-folder/info-area.tid
@@ -8,7 +8,7 @@ title: $:/plugins/linonetwo/inverse-link-and-folder/info-area
 	<ul class="inverse-link-and-folder-card">
 		<li class="inverse-link-and-folder-card-title">
 			<strong><<lingo "RelatedReferences">></strong>
-			<$button>{{$:/core/images/close-button}}<$action-createtiddler $basetitle={{{ [[$:/state/inverse-link-and-folder/show-manually/]addsuffix<currentTiddler>] }}} $overwrite="yes" text="no"/></$button>
+			<$button class="inverse-link-and-folder-card-close">{{$:/core/images/close-button}}<$action-createtiddler $basetitle={{{ [[$:/state/inverse-link-and-folder/show-manually/]addsuffix<currentTiddler>] }}} $overwrite="yes" text="no"/></$button>
 		</li>
 		<<inverse-link-and-folder-card "[all[current]backlinks[]!is[system]] -[subfilter<excludeFilter>]" "LinkIn">>
 
@@ -19,10 +19,10 @@ title: $:/plugins/linonetwo/inverse-link-and-folder/info-area
 		<<inverse-link-and-folder-card "[all[current]backtranscludes[]] -[subfilter<excludeFilter>]" "BackTransclude">>
 	</ul>
 <%else%>
-	<ul class="horizontal-list-links">
+	<ul class="inverse-link-and-folder-list">
 		<li class="inverse-link-and-folder-card-title">
 			<strong><<lingo "RelatedReferences">></strong>
-			<$button>{{$:/core/images/close-button}}<$action-createtiddler $basetitle={{{ [[$:/state/inverse-link-and-folder/show-manually/]addsuffix<currentTiddler>] }}} $overwrite="yes" text="no"/></$button>
+			<$button class="inverse-link-and-folder-card-close">{{$:/core/images/close-button}}<$action-createtiddler $basetitle={{{ [[$:/state/inverse-link-and-folder/show-manually/]addsuffix<currentTiddler>] }}} $overwrite="yes" text="no"/></$button>
 		</li>
 		<<inverse-link-and-folder-list "[all[current]backlinks[]!is[system]] -[subfilter<excludeFilter>]" "LinkIn">>