diff --git a/src/_h5ai/client/css/inc/general.less b/src/_h5ai/client/css/inc/general.less index c3242467..067686a0 100644 --- a/src/_h5ai/client/css/inc/general.less +++ b/src/_h5ai/client/css/inc/general.less @@ -74,7 +74,7 @@ } .rounded() { - overflow: hidden; + // overflow: hidden; border-radius: 2px; } diff --git a/src/_h5ai/client/css/inc/view-details.less b/src/_h5ai/client/css/inc/view-details.less index aafae0a1..34ed58c5 100644 --- a/src/_h5ai/client/css/inc/view-details.less +++ b/src/_h5ai/client/css/inc/view-details.less @@ -37,6 +37,7 @@ display: list-item; background: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.07); + border-radius: 2px 2px 0 0; .label, .date, .size { line-height: 46px; @@ -73,6 +74,10 @@ .raised(); z-index: 1; } + + &:last-child { + border-radius: 0 0 2px 2px; + } } .square { @@ -105,8 +110,7 @@ } .selector { - left: -2px; - top: -2px; + left: -5px; } .view-details-sized(16px) diff --git a/src/_h5ai/client/css/inc/view-grid.less b/src/_h5ai/client/css/inc/view-grid.less index 8c328b51..5a1033bc 100644 --- a/src/_h5ai/client/css/inc/view-grid.less +++ b/src/_h5ai/client/css/inc/view-grid.less @@ -23,6 +23,7 @@ .item { .card(); .rounded(); + overflow: hidden; float: left; margin: 8px; diff --git a/src/_h5ai/client/css/inc/view-icons.less b/src/_h5ai/client/css/inc/view-icons.less index d5029774..b2deee67 100644 --- a/src/_h5ai/client/css/inc/view-icons.less +++ b/src/_h5ai/client/css/inc/view-icons.less @@ -26,6 +26,7 @@ .item { .card(); .rounded(); + overflow: hidden; float: left; margin: 8px; diff --git a/src/_h5ai/client/css/inc/view.less b/src/_h5ai/client/css/inc/view.less index 8105a520..976942a1 100644 --- a/src/_h5ai/client/css/inc/view.less +++ b/src/_h5ai/client/css/inc/view.less @@ -112,20 +112,19 @@ .selector { display: none; position: absolute; - left: 0; - top: 0; + left: -1px; + top: 4px; width: 22px; height: 22px; background-color: #fff; cursor: pointer; - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); - border-radius: 0 0 12px 0; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); + border-radius: 0 2px 2px 0; opacity: 0.6; - padding: 0px; + padding: 0 0 0 4px; &:hover { opacity: 0.8; - box-shadow: 0 0 16px 0 rgba(0,0,0,0.3); } img {