ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 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
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 {
padding: 0.2rem;
position: relative;
border-radius: 0.25rem;
background: white;
color: rgba(black, 0.8);
border-radius: 0.5rem;
background: #FFF;
color: rgba(0, 0, 0, 0.8);
overflow: hidden;
font-size: 0.9rem;
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),
;
}
@@ -17,11 +18,11 @@
text-align: left;
background: transparent;
border: none;
padding: 0.2rem 0.5rem;
padding: 0.2rem 0.4rem;
&.is-selected,
&:hover {
color: #A975FF;
background: rgba(#A975FF, 0.1);
border-radius: 0.4rem;
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">
.items {
padding: 0.2rem;
position: relative;
border-radius: 0.25rem;
background: white;
color: rgba(black, 0.8);
border-radius: 0.5rem;
background: #FFF;
color: rgba(0, 0, 0, 0.8);
overflow: hidden;
font-size: 0.9rem;
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),
;
}
@@ -101,12 +102,12 @@ export default {
text-align: left;
background: transparent;
border: none;
padding: 0.2rem 0.5rem;
padding: 0.2rem 0.4rem;
&.is-selected,
&:hover {
color: #A975FF;
background: rgba(#A975FF, 0.1);
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
}
}
</style>

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

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

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

@@ -31,7 +31,7 @@ export default {
border-radius: 0.5rem;
background: white;
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),
;

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

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