summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPhil Hughes <me@iamphill.com>2017-08-10 10:25:44 +0000
committerPhil Hughes <me@iamphill.com>2017-08-10 10:25:44 +0000
commit53ee38053cb924b57447e385dee2a45b8e759ff5 (patch)
treeb2979c56be285bd31b949c5901289b52e3626801
parent27c19ab5e2a7c794d510a73319ab13b5fe76d958 (diff)
parente7d00fbb84ae0eadfeb0288f2edba1999ca445b0 (diff)
downloadgitlab-ce-53ee38053cb924b57447e385dee2a45b8e759ff5.tar.gz
Merge branch '36185-or-separator' into 'master'
Aligns OR separater to center properly Closes #36185 See merge request !13446
-rw-r--r--app/assets/stylesheets/pages/projects.scss10
-rw-r--r--changelogs/unreleased/36185-or-separator.yml4
2 files changed, 9 insertions, 5 deletions
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index 276465488e7..d01326637ea 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -566,14 +566,14 @@ a.deploy-project-label {
&::before {
content: "OR";
position: absolute;
- left: 0;
- top: 40%;
+ left: -10px;
+ top: 50%;
z-index: 10;
padding: 8px 0;
text-align: center;
background-color: $white-light;
color: $gl-text-color-tertiary;
- transform: translateX(-50%);
+ transform: translateY(-50%);
font-size: 12px;
font-weight: bold;
line-height: 20px;
@@ -581,8 +581,8 @@ a.deploy-project-label {
// Mobile
@media (max-width: $screen-xs-max) {
left: 50%;
- top: 10px;
- transform: translateY(-50%);
+ top: 0;
+ transform: translateX(-50%);
padding: 0 8px;
}
}
diff --git a/changelogs/unreleased/36185-or-separator.yml b/changelogs/unreleased/36185-or-separator.yml
new file mode 100644
index 00000000000..4e46e60ea1b
--- /dev/null
+++ b/changelogs/unreleased/36185-or-separator.yml
@@ -0,0 +1,4 @@
+---
+title: Align OR separator to center in new project page
+merge_request:
+author: