@ -85,6 +85,10 @@
& > * {
pointer-events: all;
}
display: flex;
width: 100%;
justify-content: flex-start;
.layer-ui__wrapper__footer-left,
.layer-ui__wrapper__footer-right,
@ -4,9 +4,8 @@
&.theme--dark {
--color-primary-contrast-offset: #726dff; // to offset Chubb illusion
.layer-ui__wrapper__footer-center {
justify-content: space-between;
.layer-ui__wrapper .layer-ui__wrapper__footer-center {
justify-content: flex-end;
margin-top: auto;
margin-bottom: auto;
margin-inline-start: auto;
@ -66,10 +66,16 @@
button.custom-element {
width: 2rem;
height: 2rem;
margin: 0.4rem;
margin-left: -10px;
margin: 0 8px;
.custom-footer,
.custom-element {
padding: 0.1rem;
&.excalidraw-container .layer-ui__wrapper .layer-ui__wrapper__footer-center {
// Remove once we stop importing langauge list from excalidraw app
@ -192,7 +192,10 @@ export default function App() {
>
{COMMENT_SVG}
</button>
<button onClick={() => alert("This is dummy footer")}>
<button
className="custom-footer"
onClick={() => alert("This is dummy footer")}
{" "}
custom footer{" "}