diff --git a/src/main/ts-v7/src/styles.scss b/src/main/ts-v7/src/styles.scss index 39d99aa..83bda0b 100755 --- a/src/main/ts-v7/src/styles.scss +++ b/src/main/ts-v7/src/styles.scss @@ -35,4 +35,37 @@ body { .btn-card-floating:hover { box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); } + /* ***** End of floating card button ***** */ + +/* ***** Dropdown items style ***** */ +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: .5rem; + margin: .125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0,0,0,.15); + border-radius: .25rem; +} +.dropdown-item { + border-radius: .125rem; + transition: all .1s linear; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #fff !important; + text-decoration: none; + background-color: #4285f4 !important; + box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15); +} +/* ***** End of Dropdown items style ***** */