mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-06-11 11:45:15 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

demos: update suggestions styling

Browse Source
This commit is contained in:
Philipp Kühn 2021-10-15 18:38:14 +02:00
parent 1502013145
commit b2dffc6013
5 changed files with 33 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
demos/src/Examples/Community/React/MentionList.scss
View File

@ -1,12 +1,13 @@
.items { .items {
padding: 0.2rem;
position: relative; position: relative;
border-radius: 0.25rem; border-radius: 0.5rem;
background: white; background: #FFF;
color: rgba(black, 0.8); color: rgba(0, 0, 0, 0.8);
overflow: hidden; overflow: hidden;
font-size: 0.9rem; font-size: 0.9rem;
box-shadow: box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1),
; ;
} }
@ -17,11 +18,11 @@
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border: none;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected,
&:hover { &:hover {
color: #A975FF; border-radius: 0.4rem;
background: rgba(#A975FF, 0.1); background: rgba(0, 0, 0, 0.05);
} }
} }

15
demos/src/Examples/Community/Vue/MentionList.vue
View File

@ -83,14 +83,15 @@ export default {
<style lang="scss"> <style lang="scss">
.items { .items {
padding: 0.2rem;
position: relative; position: relative;
border-radius: 0.25rem; border-radius: 0.5rem;
background: white; background: #FFF;
color: rgba(black, 0.8); color: rgba(0, 0, 0, 0.8);
overflow: hidden; overflow: hidden;
font-size: 0.9rem; font-size: 0.9rem;
box-shadow: box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1),
; ;
} }
@ -101,12 +102,12 @@ export default {
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border: none;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected,
&:hover { &:hover {
color: #A975FF; border-radius: 0.4rem;
background: rgba(#A975FF, 0.1); background: rgba(0, 0, 0, 0.05);
} }
} }
</style> </style>

15
demos/src/Experiments/Commands/Vue/CommandsList.vue
View File

@ -83,14 +83,15 @@ export default {
<style lang="scss"> <style lang="scss">
.items { .items {
padding: 0.2rem;
position: relative; position: relative;
border-radius: 0.25rem; border-radius: 0.5rem;
background: white; background: #FFF;
color: rgba(black, 0.8); color: rgba(0, 0, 0, 0.8);
overflow: hidden; overflow: hidden;
font-size: 0.9rem; font-size: 0.9rem;
box-shadow: box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1),
; ;
} }
@ -101,12 +102,12 @@ export default {
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border: none;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected,
&:hover { &:hover {
color: #A975FF; border-radius: 0.4rem;
background: rgba(#A975FF, 0.1); background: rgba(0, 0, 0, 0.05);
} }
} }
</style> </style>

2
demos/src/GuideNodeViews/DragHandle/Vue/Component.vue
View File

@ -31,7 +31,7 @@ export default {
border-radius: 0.5rem; border-radius: 0.5rem;
background: white; background: white;
box-shadow: box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1),
; ;

15
demos/src/Nodes/Mention/Vue/MentionList.vue
View File

@ -83,14 +83,15 @@ export default {
<style lang="scss"> <style lang="scss">
.items { .items {
padding: 0.2rem;
position: relative; position: relative;
border-radius: 0.25rem; border-radius: 0.5rem;
background: white; background: #FFF;
color: rgba(black, 0.8); color: rgba(0, 0, 0, 0.8);
overflow: hidden; overflow: hidden;
font-size: 0.9rem; font-size: 0.9rem;
box-shadow: box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1),
; ;
} }
@ -101,12 +102,12 @@ export default {
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border: none;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected,
&:hover { &:hover {
color: #A975FF; border-radius: 0.4rem;
background: rgba(#A975FF, 0.1); background: rgba(0, 0, 0, 0.05);
} }
} }
</style> </style>