Display text in pane reopen button vertically

CSS Codes Forms
1

Add the code below to the Custom CSS field on your Form widget’s Appearance tab:

.global-styles,
[class*='ButtonBase__Ellipsis-sc'] {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.global-styles,
[class*='ButtonBase__Overlay-sc'] {
  display: flex;
  flex-direction: column-reverse;
}

.global-styles,
[class*='FloatingButton__FloatingButtonContainer-sc'] {
  transform: rotate(0deg) translateY(50%);
}

.global-styles,
[class*='FloatingButton__FloatingButtonContainer-sc']
  [class*='ButtonBase__ButtonIcon-sc'] {
  margin: 4px 0 0 !important;
}

.global-styles,
[class*='FloatingButton__FloatingButtonContainer-sc']
  [class*='ButtonBase__Overlay-sc'] {
  padding: 16px 10px !important;
}

.global-styles,
[class*='FloatingButton__FloatingButtonContainer-sc']
  [class*='ButtonBase__ButtonContainer-sc'] {
  border-radius: 0 4px 4px 0 !important;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: