Flag Icon for Night Mode attached.
Please lmk if it looks offset when you plug it in.
Consistent with previous android icons - This is 24 dp focus in 32 dp
canvas area.
----
Vibha Bamba
Senior Designer | WMF Design
On Fri, Jul 25, 2014 at 2:51 AM, Vibha Bamba <vbamba(a)wikimedia.org>
wrote:
Flag consistent with wikimedia ui blue (
#347BFF)
----
Vibha Bamba
Senior Designer | WMF Design
On Thu, Jul 24, 2014 at 7:05 PM, Bernd Sitzmann <
bsitzmann(a)wikimedia.org> wrote:
> Vibha,
>
> Would you mind making a blue flag icon (or two if there needs to be a
> different color for night mode). While I could easily adjust the color of
> the flag in native Java code, it's not that easy in CSS for the web page.
>
> Thanks,
> Bernd
>
>
> On Wed, Jul 23, 2014 at 4:53 PM, Bernd Sitzmann <
> bsitzmann(a)wikimedia.org> wrote:
>
>> Vibha,
>>
>> Attached you can find an apk to try out the page issues feature and
>> some screenshots.
>> Main difference to previous screen shots:
>> The date now shows up in a separate TextView below the issue text
>> (with the styling you suggested).
>>
>> Blockers: The [Issues] link on the page still needs to be replaced
>> with the flag icon. But I'm blocked on vagrant setup at the moment.
>>
>> FYI, I used [[8 mm video format]] for the screenshots.
>>
>> Not sure on which languages it actually works. It does work on enwiki
>> but not on dewiki. While there are great links to drive contributions by
>> improving articles on dewiki[1] the templates there don't seem to use the
>> mbox or ambox class. On the other hand, since they don't use ambox class
>> tables they don't get hidden in our app, so issues there are visible
>> directly on the page.
>>
>> -Bernd
>>
>> [1]:
https://de.wikipedia.org/wiki/Wikipedia:Wartung
>>
>> wikipedia-2.0-dev-2014-07-23-page_issues.apk
>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvQnJxaGRjVlROMTA/edit?usp=drive_web>
>>
>> pageIssuesLight3.png
>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvNUxFNkhxY091bjg/edit?usp=drive_web>
>>
>> pageIssuesDark3.png
>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQveVdyUmc1NGwtQ0E/edit?usp=drive_web>
>>
>>
>>
>> On Tue, Jul 22, 2014 at 6:14 PM, Vibha Bamba <vbamba(a)wikimedia.org>
>> wrote:
>>
>>> Just reviewed this, looks great! I'm honestly psyched!
>>>
>>> Help icon attached for action bar (32 dp canvas, 24 dp focus)
>>>
>>> *Notes:*
>>> This will only show up in the direct manipulation step in the
>>> editing workflow.
>>> Apply same color as the W to the icon for the Night Mode/ Reverse
>>> Theme.
>>>
>>>
>>> ----
>>> Vibha Bamba
>>> Senior Designer | WMF Design
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> On Tue, Jul 22, 2014 at 2:21 PM, Bernd Sitzmann <
>>> bsitzmann(a)wikimedia.org> wrote:
>>>
>>>> Vibha,
>>>>
>>>> The color changes can be done in code, see below. I've also
>>>> adjusted the top margin for the flag to match the text.
>>>> Splitting the text will take a bit longer. It's a bit riskier since
>>>> the text needs to be parsed.
>>>>
>>>> pageIssuesDark2.png
>>>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvX1VINXJFS1RreTg/edit?usp=drive_web>
>>>>
>>>> pageIssuesLight2.png
>>>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvOTV6aDJnQXMyMEE/edit?usp=drive_web>
>>>>
>>>> -Bernd
>>>>
>>>>
>>>> On Tue, Jul 22, 2014 at 3:02 PM, Dmitry Brant <dbrant(a)wikimedia.org
>>>> > wrote:
>>>>
>>>>> Yay, that looks awesome! (+mobile-l)
>>>>>
>>>>>
>>>>>
>>>>> On Tue, Jul 22, 2014 at 4:46 PM, Vibha Bamba
<vbamba(a)wikimedia.org
>>>>> > wrote:
>>>>>
>>>>>> OMG this looks great! And so fast :)
>>>>>> Two small changes
>>>>>>
>>>>>> 1. The flag and message should be top aligned
>>>>>> (let me know if the canvas are is getting in the way for this)
>>>>>> I can provide a flag icon in a 24 dp focus area with no padding.
>>>>>>
>>>>>> 2. The date when the template was added needs to be on its own
>>>>>> line, no parenthesis. All caps in color #555, 2-3 types sizes
smaller than
>>>>>> the description (I can provide an exact type size value if I
know the
>>>>>> relatives values)
>>>>>>
>>>>>> Thanks!
>>>>>> Vibha
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> ----
>>>>>> Vibha Bamba
>>>>>> Senior Designer | WMF Design
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> On Tue, Jul 22, 2014 at 1:33 PM, Bernd Sitzmann <
>>>>>> bsitzmann(a)wikimedia.org> wrote:
>>>>>>
>>>>>>> Vibha,
>>>>>>>
>>>>>>> Thank you for the flag icon. Attached you can find some
screen
>>>>>>> shots for the page issues dialog for your review: one with
light theme,
>>>>>>> another one with dark theme. Let me know what needs to
change, while I'm
>>>>>>> working on getting the flag image to show up in the WebView.
>>>>>>> Now looking at some real-world page issues I see that maybe
the
>>>>>>> original name "article issues" is not so far off
since most of the issues
>>>>>>> seems to mention the word article instead of page.
>>>>>>>
>>>>>>> pageIssuesLight.png
>>>>>>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvZUk3Uy1VWEVLX1E/edit?usp=drive_web>
>>>>>>>
>>>>>>> pageIssuesDark.png
>>>>>>>
<https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvWUMwcHdXeW02bHc/edit?usp=drive_web>
>>>>>>>
>>>>>>> Cheers,
>>>>>>> -Bernd
>>>>>>>
>>>>>>>
>>>>>>> On Mon, Jul 21, 2014 at 6:07 PM, Vibha Bamba <
>>>>>>> vbamba(a)wikimedia.org> wrote:
>>>>>>>
>>>>>>>> This is consistent with wikifont.
>>>>>>>> It is set in a 32 dp canvas with 24 dp focus area.
>>>>>>>> Please lmk if you see any issues :)
>>>>>>>>
>>>>>>>>
>>>>>>>> ----
>>>>>>>> Vibha Bamba
>>>>>>>> Senior Designer | WMF Design
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>
>>>>>
>>>>
>>>
>>
>