mirror of
https://github.com/overleaf/overleaf.git
synced 2025-02-17 09:53:18 +00:00
[web] Migrate TPR promotions and form to BS5 (#21810)
* Update TPR promotions to BS5 * Remove unused class names * Add responsive visibility in BS5 * Fix `OLFormControl` as `OLFormSelect` With this update, it fixes the Select when importing from Mendeley or Zotero, in BS3 and BS5 * Use spacing variables in SCSS GitOrigin-RevId: 8dd0e52a1674114bb3dc38fc4e3958a9c17ad5ac
This commit is contained in:
parent
6b45dab5ad
commit
c89002f1b8
3 changed files with 31 additions and 0 deletions
|
@ -65,6 +65,7 @@ const OLFormControl: BsPrefixRefForwardingComponent<
|
||||||
prepend: rest.prepend,
|
prepend: rest.prepend,
|
||||||
size: rest.htmlSize,
|
size: rest.htmlSize,
|
||||||
'main-field': rest['main-field'],
|
'main-field': rest['main-field'],
|
||||||
|
children: rest.children,
|
||||||
...bs3Props,
|
...bs3Props,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,2 +1,3 @@
|
||||||
|
@import 'third-party-references';
|
||||||
@import 'symbol-palette';
|
@import 'symbol-palette';
|
||||||
@import 'writefull';
|
@import 'writefull';
|
||||||
|
|
|
@ -0,0 +1,29 @@
|
||||||
|
@keyframes slide-in {
|
||||||
|
0% {
|
||||||
|
transform: translateY(25%);
|
||||||
|
opacity: 0;
|
||||||
|
bottom: var(--spacing-05);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
bottom: var(--spacing-06);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-slide-in {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s ease; /* Smooth opacity transition */
|
||||||
|
animation: slide-in 0.3s ease-in-out forwards;
|
||||||
|
animation-delay: 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tpr-editor-prompt-container {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
bottom: var(--spacing-06);
|
||||||
|
right: var(--spacing-06);
|
||||||
|
width: 90%;
|
||||||
|
max-width: 512px;
|
||||||
|
}
|
Loading…
Reference in a new issue