Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-10 07:55:25 +02:00
Code Releases Activity

trello list width set to 300px

Browse source
This commit is contained in:
Harvey Kandola 2016-05-19 15:49:06 -07:00
parent 9ebeb7726b
commit eeabd06faf
3 changed files with 54 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/app/components/section/trello/type-editor.js
View file

@ -23,6 +23,11 @@ export default Ember.Component.extend(SectionMixin, NotifierMixin, TooltipMixin,
config: {}, config: {},
boards: null, boards: null,
boardStyle: Ember.computed('config.board', function() {
var color = this.get('config.board').prefs.backgroundColor;
return Ember.String.htmlSafe("background-color: " + color);
}),
didReceiveAttrs() { didReceiveAttrs() {
let config = {}; let config = {};

2
app/app/templates/components/section/trello/type-editor.hbs
View file

@ -73,7 +73,7 @@
<div class="input-control"> <div class="input-control">
<label>Lists</label> <label>Lists</label>
<div class="tip">Select lists to include</div> <div class="tip">Select lists to include</div>
<div class="trello-board" style="background-color:{{config.board.prefs.backgroundColor}};"> <div class="trello-board" style= {{boardStyle}}>
<div class="trello-board-title">{{config.board.name}}</div> <div class="trello-board-title">{{config.board.name}}</div>
{{#each config.lists as |list|}} {{#each config.lists as |list|}}
<div class="trello-list" {{action 'onListCheckbox' list.id}}> <div class="trello-list" {{action 'onListCheckbox' list.id}}>

96
app/app/templates/components/section/trello/type-renderer.hbs
View file

@ -1,54 +1,54 @@
<style> <style>
.trello-board { .trello-board {
width: 100%; width: 100%;
max-height: 600px; max-height: 600px;
padding: 10px; padding: 10px;
white-space: nowrap; white-space: nowrap;
overflow: auto overflow: auto
} }
.trello-board-title { .trello-board-title {
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
} }
.trello-list { .trello-list {
background-color: #e2e4e6; background-color: #e2e4e6;
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
max-width: 300px; width: 300px;
max-height: 500px; max-height: 500px;
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
overflow: auto; overflow: auto;
vertical-align: top; vertical-align: top;
} }
.trello-list-title { .trello-list-title {
font-weight: bold; font-weight: bold;
color: #4c4c4c; color: #4c4c4c;
font-size: 14px; font-size: 14px;
margin: 0 10px 10px 0; margin: 0 10px 10px 0;
} }
.trello-card { .trello-card {
color: #4c4c4c; color: #4c4c4c;
border-bottom: 1px solid #CDD2D4; border-bottom: 1px solid #CDD2D4;
background-color: #fff; background-color: #fff;
border-radius: 3px; border-radius: 3px;
padding: 7px 7px; padding: 7px 7px;
margin: 5px 0; margin: 5px 0;
font-size: 14px; font-size: 14px;
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 18px; line-height: 18px;
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
white-space: normal; white-space: normal;
cursor: pointer; cursor: pointer;
vertical-align: top; vertical-align: top;
} }
</style> </style>
{{{page.body}}} {{{page.body}}}