You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@bloodhound.apache.org by Apache Bloodhound <bl...@incubator.apache.org> on 2012/10/03 18:43:38 UTC
[Apache Bloodhound] #217: Make Bloodhound's layout responsive
#217: Make Bloodhound's layout responsive
-------------------------------------------------+-------------------------
Reporter: jdreimann | Owner: nobody
Type: enhancement | Status: new
Priority: major | Milestone:
Component: ui design | Version:
Keywords: ui, responsive, bootstrap, mobile, |
tablet, desktop |
-------------------------------------------------+-------------------------
I believe we should utilise Bootstrap's
[http://twitter.github.com/bootstrap/scaffolding.html#responsive great
tools for responsive layouts] to make Bloodhound fully responsive to make
it display better on mobile phone and tablet type devices.
This will likely be a very big, long term project, and as such I believe
we need to make a conscious effort to make it more manageable by keeping
it in a 'beta' state even while Bloodhound itself matures, more on that in
the following tickets:
- Add responsive layout beta opt-in as an Admin setting
- Show 'Responsive layout beta' at the top of relevant pages
I also believe we should track this in an unscheduled Milestone
independent of our normal release process.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: nobody
Type: | Status: new
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by jdreimann):
Replying to [comment:3 olemis]:
> BTW ... have you tried current implementation using a particular mobile
device ? What are the results ?
I sometimes use it on my iPhone. The site works pretty well and is
reasonably fast, but I'm conscious that will vary with different devices.
For me the crucial case for responsive design is that at it's very
difficult at normal scale to interact with the site or even read it - so
it's a constant case of panning and zooming to get anything done.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:4>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone: Release 5
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by matevzb):
Replying to [comment:16 gjm]:
> Shouldn't this ticket be closed now? I would probably put further work
in new tickets.
It was supposed to be a longer running "project", but I think we can close
it and just open new tickets as layout-related issues are identified.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:17>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: nobody
Type: | Status: new
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by jdreimann):
PS: I believe we should start with the Ticket view. It's probably the most
commonly viewed on mobile phones because many people read Emails on their
mobiles and following links in notifications from Bloodhound would usually
take them there.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:2>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by rjollos):
Please don't hesitate to let me know if any of the changes I've made in
#353, #381. #248 or #376 have negative consequences for the responsive
layout.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:14>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: nobody
Type: | Status: new
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Description changed by jdreimann:
Old description:
> I believe we should utilise Bootstrap's
> [http://twitter.github.com/bootstrap/scaffolding.html#responsive great
> tools for responsive layouts] to make Bloodhound fully responsive to make
> it display better on mobile phone and tablet type devices.
>
> This will likely be a very big, long term project, and as such I believe
> we need to make a conscious effort to make it more manageable by keeping
> it in a 'beta' state even while Bloodhound itself matures, more on that
> in the following tickets:
> - Add responsive layout beta opt-in as an Admin setting
> - Show 'Responsive layout beta' at the top of relevant pages
>
> I also believe we should track this in an unscheduled Milestone
> independent of our normal release process.
New description:
I believe we should utilise Bootstrap's
[http://twitter.github.com/bootstrap/scaffolding.html#responsive great
tools for responsive layouts] to make Bloodhound fully responsive to make
it display better on mobile phone and tablet type devices.
[https://www.dropbox.com/s/c7hlp2n01ntwqfa/Bloodhound%20responsive%20ticket%20layout.png
Mockup of a responsive view of the Ticket page]
This will likely be a very big, long term project, and as such I believe
we need to make a conscious effort to make it more manageable by keeping
it in a 'beta' state even while Bloodhound itself matures, more on that in
the following tickets:
- Add responsive layout beta opt-in as an Admin setting
- Show 'Responsive layout beta' at the top of relevant pages
I also believe we should track this in an unscheduled Milestone
independent of our normal release process.
--
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:1>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone: Release 5
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Changes (by gjm):
* milestone: => Release 5
Comment:
Shouldn't this ticket be closed now? I would probably put further work in
new tickets.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:16>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: nobody
Type: | Status: new
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by olemis):
This is interesting . Maybe we can implement it in the form of a template
stream filter . This will allow us to provide a generic solution for all
views and to enable / disable responsive features by just enabling /
disabling a single component (e.g. via plugin admin panel) . We should
assess whether this is a feasible approach or not first .
BTW ... have you tried current implementation using a particular mobile
device ? What are the results ?
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:3>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Changes (by jdreimann):
* owner: nobody => matevzb
* status: new => assigned
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:5>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by matevzb):
r1442158 applies r1442148_layout_2.patch​
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:8>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by rjollos):
Mobile device support has recently been requested for Trac in trac:#11053.
I added a comment to that ticket pointing at this work.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:9>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by rjollos):
r1443489 made a number of fairly trivial changes to the Milestone
Administration panel:
* Renamed `h2` content: `Manage Milestones` -> `Milestone Management`
* Renamed `input` label: `Name:` -> `Milestone Name`
* Renamed `input` label: `Due:` -> `Due Date`
* Removed trailing colon from `Add Milestone`
I don't have any experience providing translations, but I've been warned
to not make changes to translated strings. Bloodhound may have to work out
it's own entire translation in the future, but I would think that we
wouldn't want to break the translations provided by Trac now for trivial
changes like this.
I can revert this when I push my changes for #381 if reverting is the
right thing to do. I'm hoping to first get some feedback from those that
have experience providing translations.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:13>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Description changed by jdreimann:
Old description:
> I believe we should utilise Bootstrap's
> [http://twitter.github.com/bootstrap/scaffolding.html#responsive great
> tools for responsive layouts] to make Bloodhound fully responsive to make
> it display better on mobile phone and tablet type devices.
>
> [https://www.dropbox.com/s/c7hlp2n01ntwqfa/Bloodhound%20responsive%20ticket%20layout.png
> Mockup of a responsive view of the Ticket page]
>
> This will likely be a very big, long term project, and as such I believe
> we need to make a conscious effort to make it more manageable by keeping
> it in a 'beta' state even while Bloodhound itself matures, more on that
> in the following tickets:
> - Add responsive layout beta opt-in as an Admin setting
> - Show 'Responsive layout beta' at the top of relevant pages
>
> I also believe we should track this in an unscheduled Milestone
> independent of our normal release process.
New description:
I believe we should utilise Bootstrap's
[http://twitter.github.com/bootstrap/scaffolding.html#responsive great
tools for responsive layouts] to make Bloodhound fully responsive to make
it display better on mobile phone and tablet type devices.
[https://www.dropbox.com/s/c7hlp2n01ntwqfa/Bloodhound%20responsive%20ticket%20layout.png
Original mockup of a responsive view of the Ticket page]
[https://svn.apache.org/repos/asf/incubator/bloodhound/trunk/doc/html-
templates/ticket.html HTML mockup]
This will likely be a very big, long term project, and as such I believe
we need to make a conscious effort to make it more manageable by keeping
it in a 'beta' state even while Bloodhound itself matures, more on that in
the following tickets:
- Add responsive layout beta opt-in as an Admin setting
- Show 'Responsive layout beta' at the top of relevant pages
I also believe we should track this in an unscheduled Milestone
independent of our normal release process.
--
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:6>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by matevzb):
r1446123 fixes the main dashboard view. div's weren't properly resized due
to bootstrap.css being included twice, overriding bootstrap-responsive.css
the second time.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:12>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by matevzb):
r1443489 fixes the ticket properties to some extent (phone layout), and
also the viewport should now be applied to all pages instead of just the
ticket ones.
In addition the following changes were made to the admin module:
* The left side navbar is displayed as a dropdown in the phone layout
* Milestones page was changed to make it more responsive-layout-friendly.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:10>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: closed
enhancement | Milestone: Release 5
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: fixed | tablet, desktop
-------------------------+-------------------------------------------------
Changes (by matevzb):
* status: assigned => closed
* resolution: => fixed
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:18>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by rjollos):
(In [1452709])
Refs #217: Minor changes (reverts) to text on Admin milestones panel, as
described in comment:13:ticket:217.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:15>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by matevzb):
r1444566 adds a minor fix for Milestones page, moved the "Add" form above
the "Modify", as suggested in #376.
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:11>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker
Re: [Apache Bloodhound] #217: Make Bloodhound's layout responsive
Posted by Apache Bloodhound <bl...@incubator.apache.org>.
#217: Make Bloodhound's layout responsive
-------------------------+-------------------------------------------------
Reporter: jdreimann | Owner: matevzb
Type: | Status: assigned
enhancement | Milestone:
Priority: major | Version:
Component: ui design | Keywords: ui, responsive, bootstrap, mobile,
Resolution: | tablet, desktop
-------------------------+-------------------------------------------------
Comment (by olemis):
I didn't notice . There are two related patches written for #146 . I
developed them to start with in-place editing web UI . Please review
attachment:t146_r1418195_ticket_header.diff:ticket:146 and
attachment:t146_r1418195_scrollspy_btn.diff:ticket:146
--
Ticket URL: <https://issues.apache.org/bloodhound/ticket/217#comment:7>
Apache Bloodhound <https://issues.apache.org/bloodhound/>
The Apache Bloodhound (incubating) issue tracker