From 0e0d319ecddad010a107ef51912fd839c24ebf54 Mon Sep 17 00:00:00 2001 From: Andrew Abogado Date: Wed, 11 Feb 2015 09:59:46 +0800 Subject: [PATCH] AA: Add style improvement --- .../components/owners/owner_details.html | 6 +- src/main/webapp/static/app/dashboard.html | 68 ++--- src/main/webapp/static/app/discover.html | 260 ------------------ src/main/webapp/static/app/favicon.ico | Bin 15086 -> 15086 bytes src/main/webapp/static/app/images/logo.png | Bin 1410 -> 4437 bytes src/main/webapp/static/app/owner_details.html | 131 ++++----- src/main/webapp/static/app/owners.html | 203 ++++++++++++++ src/main/webapp/static/app/styles/main.scss | 128 +++++++-- src/main/webapp/static/dist/dashboard.html | 2 +- 9 files changed, 410 insertions(+), 388 deletions(-) delete mode 100644 src/main/webapp/static/app/discover.html create mode 100644 src/main/webapp/static/app/owners.html diff --git a/src/main/webapp/components/owners/owner_details.html b/src/main/webapp/components/owners/owner_details.html index 9bc9146cb..c2080254d 100644 --- a/src/main/webapp/components/owners/owner_details.html +++ b/src/main/webapp/components/owners/owner_details.html @@ -6,14 +6,14 @@
-
+
  • {{currentOwner.pets.length || 0}}Pets
  • {{currentOwner.visits.length || 0}}Visits

-

Accountant, Ledger Associates

+

Maria Escobito

California, USA

Call @@ -76,7 +76,7 @@
-
+
Add New Pet diff --git a/src/main/webapp/static/app/dashboard.html b/src/main/webapp/static/app/dashboard.html index 719208e76..374ae38a8 100644 --- a/src/main/webapp/static/app/dashboard.html +++ b/src/main/webapp/static/app/dashboard.html @@ -36,9 +36,10 @@
@@ -310,16 +308,6 @@ - - - diff --git a/src/main/webapp/static/app/discover.html b/src/main/webapp/static/app/discover.html deleted file mode 100644 index 86fb437ec..000000000 --- a/src/main/webapp/static/app/discover.html +++ /dev/null @@ -1,260 +0,0 @@ - - - - - Pet Clinic - Discover Pet Owners on your Neigborhood - - - - - - - - - - - - - - - - - - -
-
-
-
-

Discover Pet Owners

-

Helping you discover pet owners near you and connect.

-
-
- -
-
- -
-
-
-
-
-
- - -
-
- - -
-
-
- Generic placeholder image -
-

Thumbnail label

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.

-
-
-
-
-
- Generic placeholder image -
-

Thumbnail label

-

Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

-
-
-
-
- -
- -
-
-
- - -
-
-
-
-

Over 40,000 pet owners trust us. Register now. It's Free forever!

-

Use it as a starting point to create something more unique.

-
-
- - -
- - -
-
- - -
- -
-
-
-
-
- - -
-
- -
-
-

Business Hours

-

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

-
-
-

Our Location

-

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

-
-
-

Questions or comments

-

Cras mattis consectetur purus sit amet fermentum.

-

- Drop us a line -

-
-
-
-
- - -
-
-

Tell your friends: Facebook, Twitter, Google+

-

© 2015 Pet Clinic, A Spring Framework Demonstration

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/main/webapp/static/app/favicon.ico b/src/main/webapp/static/app/favicon.ico index 04c64a9d8eb26f330d0e1b6c6aa458020659a7fa..8a50b936bc4542220ce96efd4f8a394ad76f3f2e 100644 GIT binary patch literal 15086 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 L$?KerE3fpVJy diff --git a/src/main/webapp/static/app/images/logo.png b/src/main/webapp/static/app/images/logo.png index b05277ef62c975d6928c898baca2316ced608381..1c5655c7bad5195cb379a37bd832c13de1b25082 100644 GIT binary patch literal 4437 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 b{NDipeV$+z3ix-v00000NkvXXu0mjflW0Px literal 1410 zcmV-|1%3L7P);aUPLb@J$UeB>Pft45IhKC<4sW7o>Wj9ZyuCdPu>zQDtK@OFXCV8AL8$7 zD>Rj=Z}hE9$2Yq($t2x|JosojnV+|Bzj;41NsNq@*D}V=16)=cnE>1c9GcfQ>kVtl zw3k-EMZoqNud@g67;vm<^64)vHS{pDtZbUQaXigLNLcwAF+Ks94Va^`*3YK78;3M1 zxeeH>;i=jID*)>Ny8-E_MMulyDMLL=0H+GCID}A1F!v6j?IEt~EBea%MM)A72%pze z%&9Y$9lq;BB5WD>_W|)LX||7AX#Tw~XPKbgLn0wgIjKexW;j0yv9p zvRu~5Z%}fom@9~1Q>vq+dG!7D{qYAGd0hEd0+uU&C;8P3n6GtFLyA2k5%Rp9#F!H1 zGKT?!5s7rI#KqjjHepj30%f~(0x9I@ya6Gp56RP~lL+gcwd^EFGm43HJByEGq>6(f zF-jps%}=q;S={*ri*r(;wu>N4P+@tZ_g3XJBY?L=`&vc+Hll3?B2JPf!dCAzI2y5? z-^h7P0f|x7In5_5rDa*6=s!lZ&5cNwW#;c7+OJp+3n`+Uj-&MAixtmWc!jgsLVn{C z-geMrg4U4G^h0Xn=Pt_?{qGZP8v*kTTrefKEtAHvbgWQo3G%F>pmP$5(_z^L#&%GJ zr(uQXpcZ@txT@g-<0!*1*3D!8AMmBH>ai_G8&l99_W-9b>6LSw zw4s6gYIi^dvMT1JE@0ReJ#jbtd&OZ>k|xAak>(lE_8wy@L*je~j4Q?;XJ)tBIn8p~ z#_n~c_#SuZLOoq6G4`vl0hQ-y+rP!&jAjB$XpS!-gyDBjCt~dKqe}2NN~c5;M@o`S z^Q9q;65NP1c@{Ow4f>0=5E9v%i;m2V%ZsOA2o@K`AiEEhoAN?vG5Q*5iz>MqVcs!;@jUhZd9mUFMDYj9!+x*8?pDSF0S6i>~45uj#Aio6|093SFcX76q QMgRZ+07*qoM6N<$g1yFzlK=n! diff --git a/src/main/webapp/static/app/owner_details.html b/src/main/webapp/static/app/owner_details.html index ce4324440..9411942dd 100644 --- a/src/main/webapp/static/app/owner_details.html +++ b/src/main/webapp/static/app/owner_details.html @@ -2,7 +2,7 @@ - Pet Clinic - Dashboard + Pet Clinic - Owner Details @@ -36,7 +36,8 @@ + + + +
+
+
+
+ View as +
+ + +
+
+
+ Sort by +
+ + +
+
+
+

Latest Pet Owners

+
+
+
+ Generic placeholder image +
+

Eduardo Rodriguez

+

2693 Commerce St., McFarland

+

+6085558763

+
+
+
    +
  • + Generic placeholder image +
  • +
  • + +
  • +
+
+
+
+
+
+ Generic placeholder image +
+

Eduardo Rodriguez

+

2693 Commerce St., McFarland

+

+6085558763

+
+
+
    +
  • + Generic placeholder image +
  • +
  • + +
  • +
+
+
+
+
+
+ Generic placeholder image +
+

Eduardo Rodriguez

+

2693 Commerce St., McFarland

+

+6085558763

+
+
+
    +
  • + Generic placeholder image +
  • +
  • + +
  • +
+
+
+
+
+
+ Generic placeholder image +
+

Eduardo Rodriguez

+

2693 Commerce St., McFarland

+

+6085558763

+
+
+
    +
  • + Generic placeholder image +
  • +
  • + +
  • +
+
+
+
+
+
+
+ + +
+
+

Tell your friends: Facebook, Twitter, Google+

+

© 2015 Pet Clinic, A Spring Framework Demonstration

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/static/app/styles/main.scss b/src/main/webapp/static/app/styles/main.scss index 13b44379e..ff2661c2c 100644 --- a/src/main/webapp/static/app/styles/main.scss +++ b/src/main/webapp/static/app/styles/main.scss @@ -1,20 +1,22 @@ $icon-font-path: "fonts/"; -$brand-primary: #6cb947; +$brand-primary: #23a04d; $text-color: #747c83; $text-color-inverse: #fff; -$headings-color: #495256; -$sections-bg: #f0f2f5; -$sections-border: #EAEBED; +$headings-color: #252a35; +$sections-bg: #f9fafb; +$sections-border: #dee4e8; $jumbotron-bg: #42494d; -$navbar-default-bg: #2d4f61; -$navbar-default-border: #2d4f61; -$navbar-default-link-color: #749aa4; -$navbar-default-link-hover-color: #d9e9ed; -$navbar-default-link-active-color: #e6f2f5; +$navbar-default-bg: #23a04d; +$navbar-default-border: #23a04d; +$navbar-default-link-color: #b3dcc3; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-active-color: #fff; +$navbar-dropdown-menu: #2e3532; $thumbnail-border: #e6e9ed; -$btn-default-color: #495256; +$btn-default-color: #747c83; $btn-default-border: #D4D5D7; $input-bg: #D9DCDF; +$gray-lighter: #e3e5e6; %font-smoothing { -webkit-font-smoothing: antialiased; @@ -77,12 +79,23 @@ input::-moz-focus-inner { /* Header */ .sub-header { - font-size: 26px; - font-weight: 500; + font-size: 20px; + font-weight: 600; margin-top: 10px; padding-bottom: 10px; } +.sub-header-actions { + .pull-left { + padding-left: 20px; + } + .pull-left:last-child { + .btn-group { + padding-right: 0; + } + } +} + /* Custom page footer */ .footer { font-size: 13px; @@ -248,15 +261,30 @@ input::-moz-focus-inner { padding: 40px 0; } -.sections-browse { - background-color: $jumbotron-bg; +.sections-tight { padding: 20px 0; } +.sections-no-padding { + padding: 0; +} + +.section-inner-padding { + padding: 10px; +} + +.col-border-right { + border-right: 1px solid $gray-lighter; +} + .sections-light { background-color: $text-color-inverse; } +.sections-darker { + background-color: #f3f5f7; +} + .section-heading { font-size: 40px; } @@ -318,7 +346,7 @@ input::-moz-focus-inner { @media (min-width: $grid-float-breakpoint) { > a { font-weight: 500; - padding: 20px 15px; + padding: 20px 10px; } } @@ -345,7 +373,7 @@ input::-moz-focus-inner { @media (max-width: $grid-float-breakpoint) { .navbar-menu { - background-color: darken($navbar-default-bg,10%); + background-color: $navbar-dropdown-menu; > li { padding: 0; @@ -376,6 +404,8 @@ input::-moz-focus-inner { > a { color: $navbar-default-link-color; + border: 1px solid $navbar-default-link-color; + border-radius: 100%; line-height: 30px; height: 30px; padding: 0; @@ -386,6 +416,11 @@ input::-moz-focus-inner { &:focus, &:active { background-color: transparent; + border-color: $text-color-inverse; + + .glyphicon { + color: $text-color-inverse; + } } &.img-profile { @@ -430,7 +465,7 @@ input::-moz-focus-inner { border-bottom: 10px solid; border-right: 10px solid rgba($gray-darker, 0); border-left: 10px solid rgba($gray-darker, 0); - color: darken($navbar-default-bg,10%); + color: $navbar-dropdown-menu; content: ''; display: block; height: 0; @@ -461,7 +496,7 @@ input::-moz-focus-inner { } .open > .navbar-dropdown-menu { - background-color: darken($navbar-default-bg,10%); + background-color: $navbar-dropdown-menu; display: block; width: 200px; border: 0; @@ -563,7 +598,9 @@ input::-moz-focus-inner { .btn { border-color: transparent; border-radius: 3px; - font-weight: 500; + font-size: 12px; + font-weight: 600; + text-transform: uppercase; transition: .3s ease-in-out; &:hover { @@ -715,6 +752,11 @@ input::-moz-focus-inner { width: 110px; } +.img-circle-medium { + height: 80px; + width: 80px; +} + .img-circle-small { height: 30px; width: 30px; @@ -748,6 +790,7 @@ label { .form-control[disabled], .form-control[readonly] { background-color: $text-color-inverse; + border: 1px solid $gray-lighter; } .form-group-action { @@ -851,7 +894,7 @@ label { li { border-right: 1px solid $gray-lighter; - color: $headings-color; + color: $brand-primary; display: inline; float: left; font-size: 16px; @@ -878,6 +921,22 @@ label { } } +.stats-md { + padding: 20px; + + li { + font-size: 25px; + font-weight: 500; + line-height: normal; + padding: 0 20px; + } + + span { + font-size: 11px; + padding-top: 4px; + } +} + .stats-lg { padding: 20px; @@ -895,8 +954,35 @@ label { /* Action Items */ -.action-wrappers { +.action-wrappers, +.action-items { .action-item { margin: 0 5px; } + + .btn-group { + padding: 0 12px; + } } + +/* Page style without the borders */ +.pager-link { + li:first-child { + a { + padding-left: 0; + } + } + + li:last-child { + a { + padding-right: 0; + } + } + + li { + a { + background-color: transparent !important; + border: 0; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/static/dist/dashboard.html b/src/main/webapp/static/dist/dashboard.html index 4c80028d1..6bae30dde 100644 --- a/src/main/webapp/static/dist/dashboard.html +++ b/src/main/webapp/static/dist/dashboard.html @@ -163,7 +163,7 @@