mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 22:36:14 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

demos: update suggestion styling

Browse Source
This commit is contained in:
Philipp Kühn 2021-10-26 00:00:30 +02:00
parent 5551c47600
commit 641ae99701
8 changed files with 24 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,12 +18,11 @@
width: 100%;
text-align: left;
background: transparent;
border: none;
border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem;
&.is-selected,
&:hover {
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
&.is-selected {
border-color: #000;
}
}

5
demos/src/Examples/Community/React/styles.scss
View File

@ -15,9 +15,8 @@
}
.mention {
color: #A975FF;
background-color: rgba(#A975FF, 0.1);
border-radius: 0.3rem;
border: 1px solid #000;
border-radius: 0.4rem;
padding: 0.1rem 0.3rem;
}

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

@ -102,13 +102,12 @@ export default {
width: 100%;
text-align: left;
background: transparent;
border: none;
border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem;
&.is-selected,
&:hover {
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
&.is-selected {
border-color: #000;
}
}
</style>

5
demos/src/Examples/Community/Vue/index.vue
View File

@ -115,9 +115,8 @@ export default {
}
.mention {
color: #A975FF;
background-color: rgba(#A975FF, 0.1);
border-radius: 0.3rem;
border: 1px solid #000;
border-radius: 0.4rem;
padding: 0.1rem 0.3rem;
}

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

@ -102,13 +102,12 @@ export default {
width: 100%;
text-align: left;
background: transparent;
border: none;
border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem;
&.is-selected,
&:hover {
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
&.is-selected {
border-color: #000;
}
}
</style>

5
demos/src/Experiments/Commands/Vue/index.vue
View File

@ -51,9 +51,8 @@ export default {
}
.mention {
color: #A975FF;
background-color: rgba(#A975FF, 0.1);
border-radius: 0.3rem;
border: 1px solid #000;
border-radius: 0.4rem;
padding: 0.1rem 0.3rem;
}
</style>

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

@ -102,13 +102,12 @@ export default {
width: 100%;
text-align: left;
background: transparent;
border: none;
border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem;
&.is-selected,
&:hover {
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
&.is-selected {
border-color: #000;
}
}
</style>

5
demos/src/Nodes/Mention/Vue/index.vue
View File

@ -60,9 +60,8 @@ export default {
}
.mention {
color: #A975FF;
background-color: rgba(#A975FF, 0.1);
border-radius: 0.3rem;
border: 1px solid #000;
border-radius: 0.4rem;
padding: 0.1rem 0.3rem;
}
</style>