From 7fc99a38f8a98b2a27292b728bf078065c261859 Mon Sep 17 00:00:00 2001 From: Shane Kilkelly Date: Mon, 11 Jun 2018 11:53:30 +0100 Subject: [PATCH] Better styling on the output-files toggle --- services/web/app/views/project/editor/new-file-modal.pug | 7 ++++--- services/web/public/stylesheets/app/editor/file-tree.less | 3 +++ 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/services/web/app/views/project/editor/new-file-modal.pug b/services/web/app/views/project/editor/new-file-modal.pug index 2b139a9d06..3dcd55bfb9 100644 --- a/services/web/app/views/project/editor/new-file-modal.pug +++ b/services/web/app/views/project/editor/new-file-modal.pug @@ -126,13 +126,14 @@ script(type='text/ng-template', id='newFileModalTemplate') ng-repeat="outputFile in data.projectOutputFiles" value="{{ outputFile.path }}" ) {{ outputFile.path }} - div + div.toggle-output-files-button + | or  a( href="#" ng-click="toggleOutputFilesMode()" ) - span(ng-show="state.isOutputFilesMode") Switch to source files - span(ng-show="!state.isOutputFilesMode") Switch to output files + span(ng-show="state.isOutputFilesMode") select from source files + span(ng-show="!state.isOutputFilesMode") select from output files .form-controls.row-spaced-small label(for="name") File Name In This Project diff --git a/services/web/public/stylesheets/app/editor/file-tree.less b/services/web/public/stylesheets/app/editor/file-tree.less index 2cf73115d7..845cc74a93 100644 --- a/services/web/public/stylesheets/app/editor/file-tree.less +++ b/services/web/public/stylesheets/app/editor/file-tree.less @@ -270,6 +270,9 @@ vertical-align: top; } } + .toggle-output-files-button { + font-size: 80%; + } } .modal-new-file--list { background-color: @modal-footer-background-color;