chrome/browser/resources/ntp4/apps_page.css - Issue 7553020: Revert 94715 - Revert 94714 - Improve layout for bookmark-apps. Add treatment for small icons.

Side by Side Diff: chrome/browser/resources/ntp4/apps_page.css

Issue 7553020: Revert 94715 - Revert 94714 - Improve layout for bookmark-apps. Add treatment for small icons. (Closed) Base URL: http://git.chromium.org/git/chromium.git@trunk

Patch Set: Improve CSS Created 9 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

OLD	NEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.	1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.

2 * Use of this source code is governed by a BSD-style license that can be	2 * Use of this source code is governed by a BSD-style license that can be

3 * found in the LICENSE file.	3 * found in the LICENSE file.

4 */	4 */

5	5

6 .app {	6 .app {

7 position: absolute;	7 position: absolute;

8 text-align: center;	8 text-align: center;

9 }	9 }

10	10

11 .app-contents > span {	11 .app-contents > span {

12 display: block;	12 display: block;

13 overflow: hidden;	13 overflow: hidden;

14 text-decoration: none;	14 text-decoration: none;

15 text-overflow: ellipsis;	15 text-overflow: ellipsis;

16 white-space: nowrap;	16 white-space: nowrap;

17 }	17 }

18	18

19 /* TODO(estade): hover effect? press effect? */	19 /* TODO(estade): hover effect? press effect? */

20 .app-contents > img {	20 .app-contents > img {

21 cursor: pointer;	21 cursor: pointer;

22 display: block;	22 display: block;

23 margin-left: auto;	23 margin-left: auto;

24 margin-right: auto;	24 margin-right: auto;

25 /* -webkit-mask-image set by JavaScript to the image source */	25 /* -webkit-mask-image set by JavaScript to the image source */

26 -webkit-mask-size: 100% 100%;	26 -webkit-mask-size: 100% 100%;

27 }	27 }

28	28

	29 .app-icon-div {

	30 border: 1px solid gray;
	Evan Stade 2011/08/03 19:17:15 there's probably a better color than "grey" for th there's probably a better color than "grey" for this, i.e. a theme aware color, but grey is ok for a first cut. Can you add a todo to fix it though? Greg Billock 2011/08/03 21:15:50 Yes. I'd guess the style on this is subject to sig Show quoted text On 2011/08/03 19:17:15, Evan Stade wrote: > there's probably a better color than "grey" for this, i.e. a theme aware color, > but grey is ok for a first cut. Can you add a todo to fix it though? Yes. I'd guess the style on this is subject to significant change once the UI people see it. :-) All the border stuff, margins, etc, I just made up.
	31 border-radius: 4px;

	32 cursor: pointer;

	33 display: -webkit-box;

	34 width: 96px;
	Evan Stade 2011/08/03 19:17:15 comment where the 96 comes from comment where the 96 comes from Greg Billock 2011/08/03 21:15:50 Done. Show quoted text On 2011/08/03 19:17:15, Evan Stade wrote: > comment where the 96 comes from Done.
	35 height: 96px;

	36 vertical-align: middle;

	37 -webkit-box-align: center;

	38 -webkit-box-pack: center;

	39 margin-left: auto;

	40 margin-right: auto;

	41 margin-bottom: 15px;

	42 margin-top: 15px;
	Evan Stade 2011/08/03 19:17:15 alpahbetize alpahbetize Greg Billock 2011/08/03 21:15:50 Done. Show quoted text On 2011/08/03 19:17:15, Evan Stade wrote: > alpahbetize Done.
	43 }

	44

29 .app-context-menu > button:first-child {	45 .app-context-menu > button:first-child {

30 font-weight: bold;	46 font-weight: bold;

31 }	47 }

32	48

33 .app-context-menu {	49 .app-context-menu {

34 z-index: 1000;	50 z-index: 1000;

35 }	51 }

36	52

37 /* Promo */	53 /* Promo */

38 /* Show the promo if the webstore has a promo and is the only app on the page.	54 /* Show the promo if the webstore has a promo and is the only app on the page.

(...skipping 32 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
71 white-space: nowrap;	87 white-space: nowrap;

72 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6;	88 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6;

73 }	89 }

74	90

75 .apps-promo-hide {	91 .apps-promo-hide {

76 font-size: 90%;	92 font-size: 90%;

77 margin-top: 2px;	93 margin-top: 2px;

78 text-decoration: underline;	94 text-decoration: underline;

79 -webkit-margin-start: 5px;	95 -webkit-margin-start: 5px;

80 }	96 }

OLD	NEW

« no previous file with comments | « chrome/browser/extensions/extensions_ui.cc ('k') | chrome/browser/resources/ntp4/apps_page.js » ('j') | chrome/browser/resources/ntp4/apps_page.js » ('J')