UX: Allow rounded corners (#1365)
This commit is contained in:
parent
0ce17a122f
commit
adc92e1e75
|
@ -1,3 +1,5 @@
|
||||||
|
@use "lib/viewport";
|
||||||
|
|
||||||
.composer-ai-helper-modal {
|
.composer-ai-helper-modal {
|
||||||
.text-preview,
|
.text-preview,
|
||||||
.inline-diff {
|
.inline-diff {
|
||||||
|
@ -179,7 +181,7 @@
|
||||||
|
|
||||||
@keyframes dot-falling {
|
@keyframes dot-falling {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
|
box-shadow: 9999px -15px 0 0 rgb(152, 128, 255, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
25%,
|
25%,
|
||||||
|
@ -189,13 +191,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
|
box-shadow: 9999px 15px 0 0 rgb(152, 128, 255, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes dot-falling-before {
|
@keyframes dot-falling-before {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
|
box-shadow: 9984px -15px 0 0 rgb(152, 128, 255, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
25%,
|
25%,
|
||||||
|
@ -205,13 +207,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
|
box-shadow: 9984px 15px 0 0 rgb(152, 128, 255, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes dot-falling-after {
|
@keyframes dot-falling-after {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
|
box-shadow: 10014px -15px 0 0 rgb(152, 128, 255, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
25%,
|
25%,
|
||||||
|
@ -221,7 +223,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
|
box-shadow: 10014px 15px 0 0 rgb(152, 128, 255, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -232,19 +234,6 @@
|
||||||
input:focus {
|
input:focus {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-chooser,
|
|
||||||
.mini-tag-chooser {
|
|
||||||
.select-kit-header {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#edit-title {
|
#edit-title {
|
||||||
|
@ -639,7 +628,7 @@
|
||||||
height: 7em;
|
height: 7em;
|
||||||
min-width: var(--ai-caption-popup-min-width);
|
min-width: var(--ai-caption-popup-min-width);
|
||||||
|
|
||||||
@include breakpoint(tablet) {
|
@include viewport.until(md) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: unset;
|
max-width: unset;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
|
@ -658,7 +647,7 @@
|
||||||
|
|
||||||
.desktop-view & {
|
.desktop-view & {
|
||||||
// a little extra space for extra narrow desktop view
|
// a little extra space for extra narrow desktop view
|
||||||
@media screen and (max-width: 675px) {
|
@media screen and (width <= 675px) {
|
||||||
span {
|
span {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue