diff options
| author | Andy <andy9775@gmail.com> | 2017-04-19 21:48:58 -0400 |
|---|---|---|
| committer | Andy <andy9775@gmail.com> | 2017-04-21 11:02:01 -0400 |
| commit | fb2f71641f30edecc32d5f1ff06b697c07ddfade (patch) | |
| tree | ef04d716365b77a9acf633bae8d581ba4b0c244c /app | |
| parent | bfb635a4afea60751a44e6454f9c36850b5342c9 (diff) | |
| download | gitlab-ce-fb2f71641f30edecc32d5f1ff06b697c07ddfade.tar.gz | |
fix placeholder visibility
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/stylesheets/framework/typography.scss | 29 | ||||
| -rw-r--r-- | app/assets/stylesheets/framework/variables.scss | 1 |
2 files changed, 30 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/typography.scss b/app/assets/stylesheets/framework/typography.scss index 664539e93e1..1839cadcc10 100644 --- a/app/assets/stylesheets/framework/typography.scss +++ b/app/assets/stylesheets/framework/typography.scss @@ -338,3 +338,32 @@ h4 { .idiff.addition { background: $line-added-dark; } + + +/** + * form text input i.e. search bar, comments, forms, etc. + */ +input, +textarea { + &::-webkit-input-placeholder { + color: $placeholder-text-color; + } + + // support firefox 19+ vendor prefix + &::-moz-placeholder { + color: $placeholder-text-color; + opacity: 1; // FF defaults to 0.54 + } + + // scss-lint:disable PseudoElement + // support Edge vendor prefix + &::-ms-input-placeholder { + color: $placeholder-text-color; + } + + // scss-lint:disable PseudoElement + // support IE vendor prefix + &:-ms-input-placeholder { + color: $placeholder-text-color; + } +} diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss index 3ef6ec3f912..85e8ff835a7 100644 --- a/app/assets/stylesheets/framework/variables.scss +++ b/app/assets/stylesheets/framework/variables.scss @@ -111,6 +111,7 @@ $gl-gray: $gl-text-color; $gl-gray-dark: #313236; $gl-header-color: #4c4e54; $gl-header-nav-hover-color: #434343; +$placeholder-text-color: rgba(0, 0, 0, .42); /* * Lists |