From db82bfa815b83ed6e954e0d918c3ee9a9e78c7ea Mon Sep 17 00:00:00 2001 From: Samuel Georges Date: Tue, 30 May 2017 20:10:48 +1000 Subject: [PATCH] Tighten up font weight and login screen Recompile assets --- composer.json | 3 +-- modules/backend/assets/css/october.css | 2 +- modules/backend/assets/less/layout/outerlayout.less | 6 +++--- modules/system/assets/css/styles.css | 2 +- modules/system/assets/ui/less/global.variables.less | 2 +- modules/system/assets/ui/storm.css | 6 +++--- 6 files changed, 10 insertions(+), 11 deletions(-) diff --git a/composer.json b/composer.json index 5bfb6980f..c343d75bb 100644 --- a/composer.json +++ b/composer.json @@ -31,8 +31,7 @@ "october/system": "dev-l55upgrade", "october/backend": "dev-l55upgrade", "october/cms": "dev-l55upgrade", - "laravel/framework": "5.5.*@dev", - "wikimedia/composer-merge-plugin": "dev-master" + "laravel/framework": "5.5.*@dev" }, "require-dev": { "fzaninotto/faker": "~1.4", diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css index ff68468ca..100badd03 100644 --- a/modules/backend/assets/css/october.css +++ b/modules/backend/assets/css/october.css @@ -804,7 +804,7 @@ body.display-side-panel #layout-side-panel{display:block;position:absolute;z-ind body.outer{background:#2b3e50} body.outer .layout > .layout-row.layout-head{text-align:center;background:#f9f9f9} body.outer .layout > .layout-row.layout-head > .layout-cell{height:40%;padding:50px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;position:relative} -body.outer .layout > .layout-row.layout-head > .layout-cell:after{content:'';display:block;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-top:25px solid #f9f9f9;border-bottom-width:0;position:absolute;bottom:-25px;left:50%;margin-left:-35px} +body.outer .layout > .layout-row.layout-head > .layout-cell:after{content:'';display:block;width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-top:20px solid #f9f9f9;border-bottom-width:0;position:absolute;bottom:-20px;left:50%;margin-left:-28px} body.outer .layout > .layout-row.layout-head > .layout-cell h1.oc-logo{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:inline-block;width:100%;max-width:450px;height:170px;min-height:72px} body.outer .layout > .layout-row > .layout-cell{vertical-align:top} body.outer .layout > .layout-row > .layout-cell .outer-form-container{margin:0 auto;width:436px;padding:40px 0} diff --git a/modules/backend/assets/less/layout/outerlayout.less b/modules/backend/assets/less/layout/outerlayout.less index fff4cbb7a..9c549bdc0 100644 --- a/modules/backend/assets/less/layout/outerlayout.less +++ b/modules/backend/assets/less/layout/outerlayout.less @@ -19,11 +19,11 @@ body.outer { position: relative; &:after { - .triangle(down, 70px, 25px, @color-outer-header); + .triangle(down, 56px, 20px, @color-outer-header); position: absolute; - bottom: -25px; + bottom: -20px; left: 50%; - margin-left: -35px; + margin-left: -28px; } h1.oc-logo { diff --git a/modules/system/assets/css/styles.css b/modules/system/assets/css/styles.css index 6de3627b0..805b0989d 100644 --- a/modules/system/assets/css/styles.css +++ b/modules/system/assets/css/styles.css @@ -343,7 +343,7 @@ th.visible-print,td.visible-print{display:table-cell !important} } @media print{.hidden-print{display:none !important} } -h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit} +h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:400;line-height:1.1;color:inherit} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999999} h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px} h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%} diff --git a/modules/system/assets/ui/less/global.variables.less b/modules/system/assets/ui/less/global.variables.less index 57db90c7e..697de4582 100644 --- a/modules/system/assets/ui/less/global.variables.less +++ b/modules/system/assets/ui/less/global.variables.less @@ -71,7 +71,7 @@ @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px @headings-font-family: inherit; -@headings-font-weight: 500; +@headings-font-weight: 400; @headings-line-height: 1.1; @headings-color: inherit; diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index ed451dc4e..0f1361c0a 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -343,7 +343,7 @@ th.visible-print,td.visible-print{display:table-cell !important} } @media print{.hidden-print{display:none !important} } -h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit} +h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:400;line-height:1.1;color:inherit} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999999} h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px} h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%} @@ -1771,7 +1771,7 @@ div.scoreboard .control-chart .canvas + ul{margin-left:0} div.scoreboard .scoreboard-offset{padding-left:20px} body.slim-container div.scoreboard{padding:0 20px} #layout-canvas .flash-message{display:none} -.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#ffffff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} +.flash-message{position:fixed;width:500px;left:50%;top:50px;margin-left:-250px;color:#ffffff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} .flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .flash-message.success{background:#8da85e} @@ -3009,4 +3009,4 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white .clockpicker-plate{border:none} .clockpicker-hours .clockpicker-tick{font-size:12px} .clockpicker-hours .clockpicker-tick.tick-inner{font-size:16px} -.clockpicker-minutes .clockpicker-tick{font-size:16px} +.clockpicker-minutes .clockpicker-tick{font-size:16px} \ No newline at end of file