Skip to content

Commit

Permalink
beautify widget
Browse files Browse the repository at this point in the history
  • Loading branch information
yfanti committed May 27, 2024
1 parent 4b681ea commit 62facab
Showing 1 changed file with 14 additions and 21 deletions.
35 changes: 14 additions & 21 deletions src/css/widget.css
Original file line number Diff line number Diff line change
@@ -1,46 +1,39 @@
.widget {
width: auto;
height: 200px;
background-color: var(--color-smoke-10);
border: 1px solid var(--color-OP-header-footer-hover-background);
border-radius: 12px;
box-shadow: 2px 2px 2px #e1e1e1;
display: flex;
flex-direction: column;
margin: 50px; /* Add margin */
margin: 50px;
position: sticky;
top: var(--toc-top);
}

.widget-title {
height: 25%;
font-weight: bold;
border-top-left-radius: 12px; /* Add top left border radius */
border-top-right-radius: 12px;
font-family: var(--gs-base-font-family-default);
color: #515560;
display: flex;
background-color: var(--color-smoke-30);
align-items: center;
align-items: left;
justify-content: center;
padding: 10px;
border-bottom: 1px solid var(--color-OP-header-footer-hover-background);
font-size: 16px;
text-decoration: underline;
}

.links {
height: 75%;
overflow: auto;
display: flex; /* Add flex display */
flex-direction: column; /* Make links stack vertically */
padding: 10px;
display: flex;
flex-direction: column;
font-size: 13.5px;
}

.links a {
margin: 10px 0; /* Add vertical margin */
color: var(--color-OP-green);
display: block; /* Make the links block elements */
width: 100%; /* Make the links take up the full width of their container */
white-space: nowrap; /* Prevent the links from wrapping onto multiple lines */
overflow: hidden; /* Hide any text that overflows the links' bounding box */
text-overflow: ellipsis; /* Display an ellipsis when the text overflows */
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
align-items: left;
padding-bottom: 7px;
}

0 comments on commit 62facab

Please sign in to comment.