From f450ec3fb4aab94b65c953b8cb841d68833fee50 Mon Sep 17 00:00:00 2001 From: Malav Vasita Date: Tue, 24 Apr 2018 19:00:58 +0530 Subject: [PATCH] Update SASS files --- app/assets/css/rtmedia.css | 80 +++++++++++++++++++++----------------- 1 file changed, 44 insertions(+), 36 deletions(-) diff --git a/app/assets/css/rtmedia.css b/app/assets/css/rtmedia.css index c2ee1f6cb..b608ec9dd 100644 --- a/app/assets/css/rtmedia.css +++ b/app/assets/css/rtmedia.css @@ -88,6 +88,8 @@ } #buddypress form#whats-new-form textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; min-height: 70px; width: 100%; @@ -164,18 +166,18 @@ body.media.buddypress { } #whats-new-post-in-box { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .rtmedia-container { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } .rtmedia-container *, .rtmedia-container *:before, .rtmedia-container *:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; box-sizing: inherit; } @@ -186,11 +188,8 @@ body.media.buddypress { } #rtmedia_uploader_filelist { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .rtmedia_bp_msg_media_upload_render { @@ -464,8 +463,7 @@ button#rtmedia-add-media-button-post-update .dashicons { opacity: 0; position: absolute; text-align: center; - -webkit-transition: all ease-in-out 0.4s; - transition: all ease-in-out 0.4s; + transition: all ease-in-out 0.4s; width: 100%; z-index: 9; } @@ -737,6 +735,8 @@ input.imgedit-submit-btn { left: 0; top: 0; padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { @@ -770,11 +770,15 @@ input.imgedit-submit-btn { } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; cursor: zoom-in; } @@ -788,8 +792,7 @@ input.imgedit-submit-btn { .mfp-counter { -webkit-user-select: none; -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .mfp-loading.mfp-figure { @@ -818,6 +821,7 @@ button.mfp-close, button.mfp-arrow { outline: none; padding: 0; z-index: 1046; + -webkit-box-shadow: none; box-shadow: none; } @@ -888,8 +892,7 @@ button::-moz-focus-inner { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; z-index: 10; - -webkit-transition: all 300ms ease-out; - transition: all 300ms ease-out; + transition: all 300ms ease-out; } .rtm-single-media:hover .mfp-arrow { opacity: 1; @@ -1014,6 +1017,8 @@ img.mfp-img { height: auto; display: block; line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; @@ -1105,8 +1110,7 @@ img.mfp-img { @keyframes spinner { to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @-webkit-keyframes spinner { @@ -1144,6 +1148,8 @@ img.mfp-img { top: auto; padding: 3px 5px; position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -1171,20 +1177,17 @@ img.mfp-img { @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); - -ms-transform: scale(0.75); - transform: scale(0.75); + transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; - -ms-transform-origin: 0; - transform-origin: 0; + transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; - -ms-transform-origin: 100%; - transform-origin: 100%; + transform-origin: 100%; } .mfp-container { @@ -1301,8 +1304,7 @@ img.mfp-img { padding: 0 10px; position: absolute; width: 100%; - -webkit-transition: all 300ms ease-out; - transition: all 300ms ease-out; + transition: all 300ms ease-out; } .rtm-single-media:hover .rtm-ltb-action-container { opacity: 1; @@ -1744,8 +1746,7 @@ li.rtmedia-list-item.media-type-video .mejs-overlay-play { left: 50%; font-size: 50px; color: #000; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 200px; } @@ -1762,9 +1763,13 @@ li.rtmedia-list-item.media-type-video .mejs-overlay-play { } .rtmedia-activity-container { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } .rtmedia-activity-container *, .rtmedia-activity-container *:before, .rtmedia-activity-container *:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; box-sizing: inherit; } .rtmedia-activity-container .rtmedia-list.masonry { @@ -2220,8 +2225,12 @@ abbr.required { background: #f7f7f7; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7)); background-image: -webkit-linear-gradient(bottom, #fff, #f7f7f7); + background-image: -moz-linear-gradient(bottom, #fff, #f7f7f7); + background-image: -o-linear-gradient(bottom, #fff, #f7f7f7); background-image: linear-gradient(to top, #fff, #f7f7f7); + -webkit-border-radius: 3px; border-radius: 3px; + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); } @@ -2233,8 +2242,12 @@ abbr.required { background-color: #8cc1e9; background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9)); background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9); + background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9); + background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9); background-image: linear-gradient(to top, #72a7cf, #8cc1e9); + -webkit-border-radius: 3px; border-radius: 3px; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } @@ -2385,6 +2398,7 @@ form.upgrade .hint { border-style: solid; line-height: 1.8em; word-spacing: 3px; + -webkit-border-radius: 6px; border-radius: 6px; } @@ -2741,6 +2755,7 @@ span.imgedit-scale-warn { background-color: #ffffe0; border-color: #e6db55; padding: 0 .6em; + -webkit-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; @@ -3033,8 +3048,7 @@ h2.rtm-gallery-title { @keyframes spinner { to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @-webkit-keyframes spinner { @@ -3127,8 +3141,6 @@ a.rtmedia-upload-media-link { @media only screen and (min-width: 1025px) { .mfp-content .rtm-lightbox-container { - display: -webkit-box; - display: -ms-flexbox; display: flex; table-layout: fixed; width: 100%; @@ -3138,13 +3150,9 @@ a.rtmedia-upload-media-link { background: transparent; } .mfp-content .rtm-single-media { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 66.6667%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .mfp-content .rtm-single-meta { display: block;