From 35b27b967f302ba08e90e3700e87a2398869371c Mon Sep 17 00:00:00 2001 From: Sean Date: Mon, 11 Mar 2019 12:22:54 +0100 Subject: [PATCH] Fix motion line number alignment --- .../amendment-create-wizard.component.scss | 2 +- .../motions/motion/motion-slide.component.scss | 12 ++++++++++++ client/src/assets/styles/motion-styles-common.scss | 2 +- 3 files changed, 14 insertions(+), 2 deletions(-) diff --git a/client/src/app/site/motions/modules/motion-detail/components/amendment-create-wizard/amendment-create-wizard.component.scss b/client/src/app/site/motions/modules/motion-detail/components/amendment-create-wizard/amendment-create-wizard.component.scss index 22d512dec..8eda01463 100644 --- a/client/src/app/site/motions/modules/motion-detail/components/amendment-create-wizard/amendment-create-wizard.component.scss +++ b/client/src/app/site/motions/modules/motion-detail/components/amendment-create-wizard/amendment-create-wizard.component.scss @@ -65,7 +65,7 @@ &:after { content: attr(data-line-number); position: absolute; - top: 10px; + top: 13px; vertical-align: top; color: gray; font-size: 12px; diff --git a/client/src/app/slides/motions/motion/motion-slide.component.scss b/client/src/app/slides/motions/motion/motion-slide.component.scss index 0b15a3b0b..b0bca9d55 100644 --- a/client/src/app/slides/motions/motion/motion-slide.component.scss +++ b/client/src/app/slides/motions/motion/motion-slide.component.scss @@ -19,3 +19,15 @@ margin-bottom: 0px; } } + +/* override the absolute position of outside linenumbers on motion slide */ +:host ::ng-deep .motion-text { + &.line-numbers-outside { + .os-line-number { + &:after { + top: 19px; + font-size: 13px; + } + } + } +} diff --git a/client/src/assets/styles/motion-styles-common.scss b/client/src/assets/styles/motion-styles-common.scss index 6b136ede3..5b16fdffe 100644 --- a/client/src/assets/styles/motion-styles-common.scss +++ b/client/src/assets/styles/motion-styles-common.scss @@ -45,7 +45,7 @@ &:after { content: attr(data-line-number); position: absolute; - top: 10px; + top: 13px; vertical-align: top; color: gray; font-size: 12px;