diff options
author | Sean McGivern <sean@gitlab.com> | 2016-08-18 16:12:48 +0300 |
---|---|---|
committer | Sean McGivern <sean@gitlab.com> | 2016-08-18 17:04:30 +0300 |
commit | 21a73302e8a8b9f22e51f1707a306f04d3faad07 (patch) | |
tree | 1f8f20a77e253581fb85cf919294e2ea16c8db65 /app/assets/stylesheets/pages/projects.scss | |
parent | d649370ac19ce621a098b862008382e5ab2cb7fc (diff) |
Add MemberExpirationDate JS helper
This helper adds a datepicker to all `js-access-expiration-date`
elements. If that element is a child of a `clearable-input` element and
has a sibling `js-clear-input` element, then it will show a working
clear button to the right of the input field.
Diffstat (limited to 'app/assets/stylesheets/pages/projects.scss')
-rw-r--r-- | app/assets/stylesheets/pages/projects.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss index 4409477916f..abda079ad4c 100644 --- a/app/assets/stylesheets/pages/projects.scss +++ b/app/assets/stylesheets/pages/projects.scss @@ -714,3 +714,29 @@ pre.light-well { width: 300px; } } + +.clearable-input { + position: relative; + + .clear-icon { + @extend .fa-times; + display: none; + position: absolute; + right: 7px; + top: 7px; + color: $location-icon-color; + + &:before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + } + } + + &.has-value { + .clear-icon { + cursor: pointer; + display: block; + } + } +} |