Support overflowing panes in UI layout.

This commit is contained in:
Paulo Reis 2016-11-15 10:34:19 +00:00
parent c89579e1df
commit 0c600ba9b8
2 changed files with 8 additions and 13 deletions

View file

@ -7,6 +7,7 @@ div.full-size(
resize-proportionally="true" resize-proportionally="true"
initial-size-east="'50%'" initial-size-east="'50%'"
minimum-restore-size-east="300" minimum-restore-size-east="300"
allow-overflow-on="'center'"
) )
.ui-layout-center(ng-controller="ReviewPanelController", ng-class="{'has-review-panel': ui.reviewPanelOpen}") .ui-layout-center(ng-controller="ReviewPanelController", ng-class="{'has-review-panel': ui.reviewPanelOpen}")
.loading-panel(ng-show="!editor.sharejs_doc || editor.opening") .loading-panel(ng-show="!editor.sharejs_doc || editor.opening")
@ -56,6 +57,10 @@ div.full-size(
.rp-entry-callout( .rp-entry-callout(
ng-class="'rp-entry-callout-' + entry.type" ng-class="'rp-entry-callout-' + entry.type"
) )
.rp-entry-indicator(ng-switch="entry.type")
i.fa.fa-pencil(ng-switch-when="insert")
i.rp-icon-delete(ng-switch-when="delete")
i.fa.fa-comment(ng-switch-when="comment")
.rp-entry( .rp-entry(
ng-class="[ 'rp-entry-' + entry.type, (commentState.adding ? 'rp-entry-adding-comment' : ''), (entry.focused ? 'rp-entry-focused' : '')]" ng-class="[ 'rp-entry-' + entry.type, (commentState.adding ? 'rp-entry-adding-comment' : ''), (entry.focused ? 'rp-entry-focused' : '')]"
) )
@ -96,23 +101,12 @@ div.full-size(
| {{ comment.ts | date : 'MMM d, y h:mm a' }} | {{ comment.ts | date : 'MMM d, y h:mm a' }}
|  •  |  • 
span(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 40%);") {{ users[comment.user_id].name }} span(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 40%);") {{ users[comment.user_id].name }}
//- div.small(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 50%)") {{ users[comment.user_id].name }}
//- div.small {{ comment.ts }}
//- | {{ comment.content }}
//- pre {{ comment | json}}
//- pre {{ users[comment.user_id] | json }}
//- div(ng-if="entry.replying")
//- textarea(ng-model="entry.replyContent")
//- a.btn.btn-sm.btn-primary(href, ng-click="submitReply(entry)") Submit
//- a(href, ng-click="cancelReply(entry)") X
//- a.btn.btn-sm.btn-primary(href, ng-click="startReply(entry)", ng-if="!entry.replying") Reply
.rp-comment-reply .rp-comment-reply
textarea.rp-comment-input( textarea.rp-comment-input(
ng-model="entry.replyContent" ng-model="entry.replyContent"
ng-keypress="handleCommentReplyKeyPress($event, entry);" ng-keypress="handleCommentReplyKeyPress($event, entry);"
placeholder="Hit \"Enter\" to reply" placeholder="Hit \"Enter\" to reply"
) )
.rp-entry-actions .rp-entry-actions
a.rp-entry-button(href) a.rp-entry-button(href)
i.fa.fa-check i.fa.fa-check

View file

@ -94,8 +94,6 @@ define [
$(window).unload () -> $(window).unload () ->
ide.localStorage("layout.#{name}", element.layout().readState()) ide.localStorage("layout.#{name}", element.layout().readState())
if attrs.openEast? if attrs.openEast?
scope.$watch attrs.openEast, (value, oldValue) -> scope.$watch attrs.openEast, (value, oldValue) ->
if value? and value != oldValue if value? and value != oldValue
@ -107,6 +105,9 @@ define [
scope.$digest() scope.$digest()
, 0 , 0
if attrs.allowOverflowOn?
element.layout().allowOverflow(scope.$eval(attrs.allowOverflowOn))
resetOpenStates() resetOpenStates()
onInternalResize() onInternalResize()