Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-19 17:38:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: fix monaco search button

Browse Source
This commit is contained in:
undefined committed 2021-10-22 23:28:09 +08:00
1 parent add74b312e
commit b6a23bc9db
2 files changed
+55 -53
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui-default/components/form/button.page.default.styl
+33 -32
View File
@@ -1,44 +1,45 @@
@import './var.inc.styl' @import './var.inc.styl'
.button .button
background-color: lighten($default-color, 50%) &:not(.codicon)
border: 1px solid $default-color background-color: lighten($default-color, 50%)
transition: background-color .2s, box-shadow .5s border: 1px solid $default-color
transition-timing-function: ease-out-sine transition: background-color .2s, box-shadow .5s
transition-timing-function: ease-out-sine
&, &:visited, &:hover
&, .typo &
color: $text-1-color
&:not(.disabled)
&:hover, &:focus
background-color: darken($default-color, 5%)
border-color: darken($default-color, 5%)
box-shadow: 0 4px 15px rgba(darken($default-color, 10%), 0.5)
&:focus
border-color: $input-focus-color
&.rounded
border-radius: rem($form-control-height / 2)
&.primary
border-color: $primary-color
background-color: $primary-color
&, &:visited, &:hover &, &:visited, &:hover
&, .typo & &, .typo &
color: #FFF color: $text-1-color
&:not(.disabled) &:not(.disabled)
&:hover &:hover, &:focus
background-color: lighten(saturate($primary-color, 30%), 10%) background-color: darken($default-color, 5%)
border-color: saturate($primary-color, 70%) border-color: darken($default-color, 5%)
box-shadow: 0 4px 15px rgba(saturate($primary-color, 70%), 0.3) box-shadow: 0 4px 15px rgba(darken($default-color, 10%), 0.5)
&.disabled &:focus
cursor: default border-color: $input-focus-color
opacity: 0.5
&.rounded
border-radius: rem($form-control-height / 2)
&.primary
border-color: $primary-color
background-color: $primary-color
&, &:visited, &:hover
&, .typo &
color: #FFF
&:not(.disabled)
&:hover
background-color: lighten(saturate($primary-color, 30%), 10%)
border-color: saturate($primary-color, 70%)
box-shadow: 0 4px 15px rgba(saturate($primary-color, 70%), 0.3)
&.disabled
cursor: default
opacity: 0.5
.button.inverse .button.inverse
line-height: rem($form-control-height - 4) line-height: rem($form-control-height - 4)
packages/ui-default/components/form/button.page.styl
+22 -21
View File
@@ -1,29 +1,30 @@
@import './var.inc.styl' @import './var.inc.styl'
.button .button
font-size: rem($font-size-secondary) &:not(.codicon)
line-height: rem($form-control-height - 2) font-size: rem($font-size-secondary)
height: rem($form-control-height) line-height: rem($form-control-height - 2)
padding: rem(0 25px) height: rem($form-control-height)
display: inline-block padding: rem(0 25px)
outline: 0 display: inline-block
margin: 0 0 1rem outline: 0
cursor: pointer margin: 0 0 1rem
user-select: none cursor: pointer
user-select: none
&:hover, &:focus &:hover, &:focus
text-decoration: none text-decoration: none
&.expanded &.expanded
padding-left: 0 padding-left: 0
padding-right: 0 padding-right: 0
text-align: center text-align: center
width: 100% width: 100%
&.compact &.compact
margin-bottom: 0 margin-bottom: 0
height: rem($compact-control-height) height: rem($compact-control-height)
line-height: rem($compact-control-height - 2) line-height: rem($compact-control-height - 2)
padding: rem(0 15px) padding: rem(0 15px)
.button.inverse .button.inverse
line-height: rem($form-control-height - 4) line-height: rem($form-control-height - 4)