various ui fixes

pull/1/head
yann300 6 years ago
parent 2bf4240573
commit 00a7f03b3b
  1. 11
      src/app/ui/draggableContent.js

@ -8,25 +8,26 @@ var css = csjs`
.containerDraggableModal { .containerDraggableModal {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
background-color: ${styles.appProperties.quaternary_BackgroundColor}; background-color: ${styles.appProperties.light_BackgroundColor};
text-align: center; text-align: center;
width: 500px; width: 500px;
height: 500px; height: 500px;
border: 2px solid ${styles.appProperties.solidBorderBox_BorderColor}; border: 1px solid ${styles.appProperties.solidBorderBox_BorderColor};
} }
.headerDraggableModal { .headerDraggableModal {
cursor: move; cursor: move;
z-index: 10; z-index: 10;
color: ${styles.appProperties.mainText_Color}; color: ${styles.appProperties.mainText_Color};
background-color: ${styles.appProperties.quaternary_BackgroundColor}; background-color: ${styles.appProperties.primary_BackgroundColor};
border-bottom: 2px solid ${styles.appProperties.solidBorderBox_BorderColor}; border-bottom: 1px solid ${styles.appProperties.solidBorderBox_BorderColor};
text-overflow: ellipsis; text-overflow: ellipsis;
overflow-x: hidden; overflow-x: hidden;
} }
.modalActions { .modalActions {
float: right; float: right;
color: ${styles.appProperties.solidBorderBox_BorderColor};
} }
.modalAction { .modalAction {
@ -53,7 +54,7 @@ module.exports =
<div class=${css.modalActions}> <div class=${css.modalActions}>
<i onclick=${() => { this.minimize() }} class="fa fa-window-minimize ${css.modalAction}"></i> <i onclick=${() => { this.minimize() }} class="fa fa-window-minimize ${css.modalAction}"></i>
<i onclick=${() => { this.maximise() }} class="fa fa-window-maximize ${css.modalAction}"></i> <i onclick=${() => { this.maximise() }} class="fa fa-window-maximize ${css.modalAction}"></i>
<i onclick=${() => { this.close() }} class="fa fa-window-close ${css.modalAction}"></i> <i onclick=${() => { this.close() }} class="fa fa-window-close-o ${css.modalAction}"></i>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save