rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "feat: New notes list design (#780)"

Browse Source 
This reverts commit 7dd4a60595.
This commit is contained in:
Karol Sójko
2022-01-05 16:11:34 +01:00
parent b57350c899
commit d76c636e54
20 changed files with 155 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
app/assets/stylesheets/_notes.scss
View File

@@ -123,95 +123,42 @@ notes-view {
}
.note {
display: flex;
align-items: stretch;
width: 100%;
padding: 15px;
border-bottom: 1px solid var(--sn-stylekit-border-color);
cursor: pointer;
&:hover {
background-color: var(--sn-stylekit-grey-5);
> .name {
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
}
.icon {
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-between;
padding: 0.9rem;
padding-right: 0.75rem;
margin-right: 0;
}
.meta {
flex-grow: 1;
min-width: 0;
padding: 0.9rem;
padding-left: 0;
border-bottom: 1px solid var(--sn-stylekit-border-color);
.name {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
font-size: 1rem;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
}
.flag-icons {
&,
& > * {
display: flex;
align-items: center;
}
& > * + * {
margin-left: 0.375rem;
}
}
.bottom-info {
font-size: 12px;
line-height: 1.4;
margin-top: 0.25rem;
}
> .bottom-info {
font-size: 12px;
margin-top: 4px;
}
.tags-string {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.345rem;
font-size: 0.725rem;
.tag {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.375rem 0.25rem 0.325rem;
background-color: var(--sn-stylekit-grey-4-opacity-variant);
border-radius: 0.125rem;
}
margin-top: 4px;
font-size: 12px;
}
.note-preview {
font-size: var(--sn-stylekit-font-size-h3);
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
& > * {
margin-top: 0.15rem;
}
.default-preview,
.plain-preview {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* number of lines to show */
line-height: 1.3;
overflow: hidden;
$line-height: 18px;
line-height: $line-height; /* fallback */
max-height: calc(#{$line-height} * 1); /* fallback */
}
.html-preview {
@@ -228,7 +175,8 @@ notes-view {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 0.125rem;
margin-bottom: 8px;
margin-top: -4px;
.flag {
padding: 4px;
@@ -290,8 +238,13 @@ notes-view {
}
&.selected {
background-color: var(--sn-stylekit-grey-5);
border-left: 2px solid var(--sn-stylekit-info-color);
background-color: var(--sn-stylekit-info-color);
color: var(--sn-stylekit-info-contrast-color);
.note-flags .flag {
background-color: var(--sn-stylekit-info-contrast-color);
color: var(--sn-stylekit-info-color);
}
progress {
background-color: var(--sn-stylekit-secondary-foreground-color);
@@ -302,7 +255,7 @@ notes-view {
}
&::-webkit-progress-value {
background-color: var(--sn-stylekit-info-color);
background-color: var(--sn-stylekit-secondary-background-color);
}
&::-moz-progress-bar {