diff --git a/baseframe/static/css/mui.css b/baseframe/static/css/mui.css index 52528526..d22016e2 100644 --- a/baseframe/static/css/mui.css +++ b/baseframe/static/css/mui.css @@ -3596,6 +3596,42 @@ h6 { margin-left: 8px; } +.fa5-icon { + width: 14px; + height: 14px; + fill: currentColor; +} + +.fa5--align-baseline { + position: relative; + top: 0.09em; +} + +.fa5-icon--caption { + width: 12px; + height: 12px; +} + +.fa5-icon--subhead { + width: 16px; + height: 16px; +} + +.fa5-icon--title { + width: 18px; + height: 18px; +} + +.fa5-icon--headline { + width: 24px; + height: 24px; +} + +.fa5-icon--display1 { + width: 32px; + height: 32px; +} + .header { background: #fff; } @@ -3623,7 +3659,7 @@ h6 { display: inline-block; text-decoration: none; cursor: pointer; - margin-right: 8px; + margin-right: 15px; height: 24px; } @@ -4047,6 +4083,9 @@ li p + ol { .mui-form .has-error label { color: #c04b61; } +.mui-form .alert { + margin-bottom: 15px; +} .mui-form--margins { margin-top: 15px; @@ -4302,10 +4341,6 @@ li p + ol { text-decoration: none; } -.control-icon .material-icons { - font-size: 34px; -} - .modal { display: none; padding: 15px; diff --git a/baseframe/static/sass/baseframe-material/_form.scss b/baseframe/static/sass/baseframe-material/_form.scss index f4d22432..ab978fe6 100644 --- a/baseframe/static/sass/baseframe-material/_form.scss +++ b/baseframe/static/sass/baseframe-material/_form.scss @@ -87,6 +87,10 @@ .has-error label { color: $mui-text-danger; } + + .alert { + margin-bottom: 15px; + } } .mui-form--margins { diff --git a/baseframe/static/sass/baseframe-material/_helper.scss b/baseframe/static/sass/baseframe-material/_helper.scss index 48a8af68..50688fce 100644 --- a/baseframe/static/sass/baseframe-material/_helper.scss +++ b/baseframe/static/sass/baseframe-material/_helper.scss @@ -164,3 +164,43 @@ h6 { .mui-btn--nostyle + .mui-btn--nostyle { margin-left: 8px; } + +// ============================================================================ +// Font awesome 5 +// ============================================================================ + +.fa5-icon { + width: 14px; + height: 14px; + fill: currentColor; +} + +.fa5--align-baseline { + position: relative; + top: 0.09em; +} + +.fa5-icon--caption { + width: 12px; + height: 12px; +} + +.fa5-icon--subhead { + width: 16px; + height: 16px; +} + +.fa5-icon--title { + width: 18px; + height: 18px; +} + +.fa5-icon--headline { + width: 24px; + height: 24px; +} + +.fa5-icon--display1 { + width: 32px; + height: 32px; +} diff --git a/baseframe/static/sass/baseframe-material/_menu.scss b/baseframe/static/sass/baseframe-material/_menu.scss index 1809e803..424d9de5 100644 --- a/baseframe/static/sass/baseframe-material/_menu.scss +++ b/baseframe/static/sass/baseframe-material/_menu.scss @@ -26,7 +26,7 @@ display: inline-block; text-decoration: none; cursor: pointer; - margin-right: 8px; + margin-right: 15px; height: 24px; } diff --git a/baseframe/static/sass/baseframe-material/_modal.scss b/baseframe/static/sass/baseframe-material/_modal.scss index 0d97351e..e4a0ab9e 100644 --- a/baseframe/static/sass/baseframe-material/_modal.scss +++ b/baseframe/static/sass/baseframe-material/_modal.scss @@ -1,31 +1,31 @@ .modal { - display: none; - padding: $reflex-cell-spacing; - @extend .mui--z1; + display: none; + padding: $reflex-cell-spacing; + @extend .mui--z1; - //Use material design icon for close - a.close-modal { - display: none; - } + //Use fa5 icon for close + a.close-modal { + display: none; + } - .modal__close { - position: absolute; - top: $reflex-cell-spacing/2; - right: $reflex-cell-spacing/2; - display: block; - } - .modal__header { - @extend .mui--text-title; - } - .modal__body { - @extend .mui--text-body2; - } + .modal__close { + position: absolute; + top: $reflex-cell-spacing/2; + right: $reflex-cell-spacing/2; + display: block; + } + .modal__header { + @extend .mui--text-title; + } + .modal__body { + @extend .mui--text-body2; + } } .jquery-modal.blocker.current { - z-index: 1001; - > .modal { - display: inline-block; - overflow: hidden; - } + z-index: 1001; + > .modal { + display: inline-block; + overflow: hidden; + } } diff --git a/baseframe/static/sass/baseframe-material/_thumbnail.scss b/baseframe/static/sass/baseframe-material/_thumbnail.scss index 385fae62..31be9c9a 100644 --- a/baseframe/static/sass/baseframe-material/_thumbnail.scss +++ b/baseframe/static/sass/baseframe-material/_thumbnail.scss @@ -36,7 +36,3 @@ outline: none; text-decoration: none; } - -.control-icon .material-icons { - font-size: 34px; -} diff --git a/baseframe/templates/baseframe/bootstrap3/components.html.jinja2 b/baseframe/templates/baseframe/bootstrap3/components.html.jinja2 index 207c149c..9972e375 100644 --- a/baseframe/templates/baseframe/bootstrap3/components.html.jinja2 +++ b/baseframe/templates/baseframe/bootstrap3/components.html.jinja2 @@ -229,7 +229,7 @@
{{ message }}
+{{ message }}
-