mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-06-12 04:33:34 +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%; width: 100%;
text-align: left; text-align: left;
background: transparent; background: transparent;
border: none; border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
&.is-selected, &.is-selected {
&:hover { border-color: #000;
border-radius: 0.4rem;
background: rgba(0, 0, 0, 0.05);
} }
} }

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

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

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

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

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

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

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

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

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

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

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

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

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

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