Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-03 12:36:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

restyling composer window to be smaller widthwise

Browse Source 
attempted to fix vertical-alignment of post_window relative to taskbar
This commit is contained in:
Julian Lam
2013-07-21 02:16:58 -04:00
parent a6460169d4
commit 18c991fd42
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/src/modules/composer.js
View File

@@ -14,7 +14,7 @@ define(['taskbar'], function(taskbar) {
composer.postContainer = document.createElement('div');
composer.postContainer.className = 'post-window row-fluid';
composer.postContainer.innerHTML = '<div class="span10 offset1">' +
composer.postContainer.innerHTML = '<div class="span5">' +
'<input type="text" tabIndex="1" placeholder="Enter your topic title here..." />' +
'<div class="btn-toolbar">' +
'<div class="btn-group formatting-bar">' +
@@ -158,10 +158,16 @@ define(['taskbar'], function(taskbar) {
composer.load = function(post_uuid) {
var post_data = composer.posts[post_uuid],
titleEl = composer.postContainer.querySelector('input'),
bodyEl = composer.postContainer.querySelector('textarea');
bodyEl = composer.postContainer.querySelector('textarea'),
postWindowEl = composer.postContainer.querySelector('.span5'),
taskbarBtn = document.querySelector('#taskbar [data-uuid="' + post_uuid + '"]'),
btnRect = taskbarBtn.getBoundingClientRect(),
windowRect;
composer.postContainer.style.display = 'block';
// composer.postContainer.style.bottom = composer.btnContainer.offsetHeight + "px";
windowRect = postWindowEl.getBoundingClientRect();
postWindowEl.style.left = (btnRect.left + btnRect.width - windowRect.width) + 'px';
composer.postContainer.style.bottom = btnRect.height + "px";
composer.postContainer.setAttribute('data-uuid', post_uuid);
if (parseInt(post_data.tid) > 0) {
titleEl.value = 'Replying to: ' + post_data.title;