Writer

EditorView is ugly

Bug #1358250 reported by Tuur Dutoit on 2014-08-18

This bug affects 4 people

Affects		Status	Importance	Assigned to	Milestone
	Writer	Confirmed	High	Tuur Dutoit

Bug Description

The EditorView is very ugly, so it requires quite some styling.

The problem is: no matter what I try, I can't get the styles to be applied. I load a CSS string in a CssProvider and add that to the StyleContext of the EditorView, but nothing happens: no styles are applied, but no error is thrown either. I'm really puzzled. I must be doing something wrong. Can someone look into this?

Tags:

Revision history for this message

Tuur Dutoit (tuur-dutoit-f) wrote on 2014-08-18:

A screenshot of the ugly EditorView Edit (428.3 KiB, image/png)

Revision history for this message

Anthony Huben (harp37) wrote on 2014-08-19:

Some design concepts I have:
(which I may do if you approve)
- change bold, italic, underline, and strikethrough to symbolic icons
  - bold = format-text-bold-symbolic
  - italic = format-text-italic-symbolic
  - underline = format-text-underline-symbolic
  - strikethrough = format-text-strikethrough-symbolic
- I think formatting / paragraph button should be:
  - Gtk.ComboBox
- Alignment options should be symbolic icons, too:
  - left = format-justify-left-symbolic
  - center = format-justify-center-symbolic
  - right = format-justify-right-symbolic
  - fill = format-justify-fill-symbolic
- Insert should be the symbolic icon, too:
  - insert = insert-text-symbolic

Now, EditorView, should be designed with the following:
(these are mostly notes for me personally)
- make one-inch margins (some spacing on top, bottom, sides, etc.)
- add background image like a scratch-colored page (like skin color; similar to Noise (Music)'s "albumart")

Possibilities
- Add tab bar

I will make a mock-up soon.

Revision history for this message

Tuur Dutoit (tuur-dutoit-f) wrote on 2014-08-19:

I found these icon names yesterday and planned to add them today! That problem has been reduced to a simple 'bzr merge' :) Thanks!

A mockup for the textview would be nice. I'm using this mockup: http://spiceofdesign.deviantart.com/art/Writer-Concept-351501580 , but it doesn't show the menus and the textview styles aren't very clear either.