Remove image-orientation as it was temporary (was already moved to m… (#5973)

* Remove  image-orientation as it was temporary (was already moved to media.less)

protected/humhub/widgets/LayoutAddons.php)

// Temporary fix until v1.6 then bundled with css pack
 Yii::$app->view->registerCss('img { image-orientation: from-image; }', [], 'fix-orient');

Which is already set in static/less/media.less)

img {
    image-orientation: from-image;
}

I propose to remove to temporary fix in LayoutAddons.php

* Remove old prefixes

* Remove old prefixes

* Update flatelements.css

* Update flatelements.css

* Update flatelements.css

---------

Co-authored-by: Lucas Bartholemy <luke-@users.noreply.github.com>
This commit is contained in:
aronbos 2023-02-07 19:12:38 +01:00 committed by GitHub
parent 0b6a700963
commit c44257c66a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 86 additions and 157 deletions

View File

@ -40,9 +40,6 @@ class LayoutAddons extends BaseStack
$this->addWidget(StatusBar::class);
if (Yii::$app->params['installed']) {
// Temporary fix until v1.6 then bundled with css pack
Yii::$app->view->registerCss('img { image-orientation: from-image; }', [], 'fix-orient');
$this->addWidget(BlueimpGallery::class);
$this->addWidget(MarkdownModals::class);

View File

@ -1,96 +1,86 @@
/*
/* Checkboxes (Slider)
/* --------------------------------------------------
*/
.onoffswitch {
position: relative;
width: 33px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
margin: 1px 5px 0 0;
float: left;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border-radius: 30px;
}
.onoffswitch-inner {
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.2s ease-in 0s;
-webkit-transition: margin 0.2s ease-in 0s;
-o-transition: margin 0.2s ease-in 0s;
transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
float: left;
width: 50%;
height: 16px;
padding: 0;
line-height: 16px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 10px;
background-color: #428bca;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "";
padding-right: 10px;
background-color: #CCCCCC;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
width: 12px;
height: 12px;
margin: 2px;
background: #FFFFFF;
border-radius: 30px;
position: absolute;
top: 0;
bottom: 0;
right: 17px;
-moz-transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch-label {
cursor: pointer;
font-weight: normal;
}
.onoffswitch-clear {
clear: both;
}
/*
/* Checkboxes (Slider)
/* --------------------------------------------------
*/
.onoffswitch {
position: relative;
width: 33px;
user-select: none;
margin: 1px 5px 0 0;
float: left;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border-radius: 30px;
}
.onoffswitch-inner {
width: 200%;
margin-left: -100%;
transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
float: left;
width: 50%;
height: 16px;
padding: 0;
line-height: 16px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 10px;
background-color: #428bca;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "";
padding-right: 10px;
background-color: #CCCCCC;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
width: 12px;
height: 12px;
margin: 2px;
background: #FFFFFF;
border-radius: 30px;
position: absolute;
top: 0;
bottom: 0;
right: 17px;
transition: all 0.2s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch-label {
cursor: pointer;
font-weight: normal;
}
.onoffswitch-clear {
clear: both;
}

View File

@ -23,10 +23,6 @@
@dropdown-box-shadow: 0 6px 12px rgba(0,0,0,.175);
@clear-selection-color: @dropdown-arrow-color;
//
// Mixins
// --------------------------------------------------
@ -80,10 +76,6 @@
}
}
.select2-container--humhub {
display: block;
@ -120,32 +112,6 @@
font-weight: normal;
}
&::-webkit-input-placeholder {
color: @input-color-placeholder;
font-weight: normal;
}
/* Firefox 18- */
&:-moz-placeholder {
color: @input-color-placeholder;
font-weight: normal;
}
/**
* Firefox 19+
*
* @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
*/
&::-moz-placeholder {
color: @input-color-placeholder;
font-weight: normal;
opacity: 1;
}
&:-ms-input-placeholder {
color: @input-color-placeholder;
font-weight: normal;
}
}
/**
@ -323,10 +289,6 @@
}
}
/*------------------------------------*\
#DROPDOWN
\*------------------------------------*/
@ -354,10 +316,6 @@
overflow-y: auto;
}
/*------------------------------------*\
#SINGLE SELECT2
\*------------------------------------*/
@ -402,10 +360,6 @@
}
}
/*------------------------------------*\
#MULTIPLE SELECT2
\*------------------------------------*/
@ -511,10 +465,6 @@
}
}
/**
* Address humhub control sizing classes
*
@ -631,10 +581,6 @@
}
}
/*------------------------------------*\
#RTL SUPPORT
\*------------------------------------*/
@ -694,10 +640,6 @@
}
}
/*------------------------------------*\
#ADDITIONAL GOODIES
\*------------------------------------*/