Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-07 14:35:28 +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: {},
boards: null,
boardStyle: Ember.computed('config.board', function() {
var color = this.get('config.board').prefs.backgroundColor;
return Ember.String.htmlSafe("background-color: " + color);
}),
didReceiveAttrs() {
let config = {};

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

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