Use less2 in secure iframes
This commit is contained in:
yflory
@@ -458,7 +458,7 @@ noscript {
|
||||
padding: 0;
|
||||
&.buttons {
|
||||
margin-bottom: 10px;
|
||||
.dropdown-bar {
|
||||
.cp-dropdown-container {
|
||||
button {
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
|
||||
@@ -1,115 +1,4 @@
|
||||
@import (once) "../less2/include/colortheme.less";
|
||||
@import (once) "../less2/include/dropdown.less";
|
||||
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown-bar {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
.dropbtn {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.dropbtn {
|
||||
}
|
||||
}
|
||||
|
||||
.fa {
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
|
||||
button {
|
||||
.fa-caret-down{
|
||||
margin-right: 0px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
* {
|
||||
.unselectable();
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-bar-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: @dropdown-bg;
|
||||
min-width: 250px;
|
||||
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
z-index: 1000;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
font-family: @colortheme_font;
|
||||
font-size: 16px;
|
||||
line-height: 1em;
|
||||
|
||||
&.left {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @dropdown-color;
|
||||
padding: 5px 16px;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
float: none;
|
||||
text-align: left;
|
||||
font: @dropdown-font;
|
||||
line-height: 1em;
|
||||
|
||||
|
||||
.fa {
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: @dropdown-bg-hover;
|
||||
color: @dropdown-color;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: @dropdown-bg-active;
|
||||
color: @dropdown-color;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 5px 0px;
|
||||
height: 1px;
|
||||
background: #bbb;
|
||||
}
|
||||
|
||||
p {
|
||||
min-width: 160px;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
* {
|
||||
font-size: 14px;
|
||||
}
|
||||
h2 {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
background-color: #EEEEEE;
|
||||
padding: 5px 0px;
|
||||
margin: 5px 0px;
|
||||
font-size: 16px;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown_main();
|
||||
|
||||
|
||||
@@ -1,8 +1,16 @@
|
||||
@import "./variables.less";
|
||||
@import "./mixins.less";
|
||||
|
||||
@import "./dropdown.less";
|
||||
@import (once) "../less2/include/dropdown.less";
|
||||
@import (once) "../less2/include/colortheme.less";
|
||||
@import (once) "../less2/include/ckeditor-fix.less";
|
||||
@import (once) "../less2/include/icon-colors.less";
|
||||
|
||||
.dropdown_main();
|
||||
|
||||
.ckeditor_fix();
|
||||
|
||||
.iconColors_main();
|
||||
|
||||
.unselectable {
|
||||
-webkit-touch-callout: none;
|
||||
@@ -13,51 +21,9 @@
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.cke_reset_all * {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
// Classes used in common-interface.js
|
||||
.padColor { color: @toolbar-pad-bg; }
|
||||
.codeColor { color: @toolbar-code-bg; }
|
||||
.slideColor { color: @toolbar-slide-bg; }
|
||||
.pollColor { color: @toolbar-poll-bg; }
|
||||
.fileColor { color: @toolbar-file-bg; }
|
||||
.friendsColor { color: @toolbar-friends-bg; }
|
||||
.whiteboardColor { color: @toolbar-whiteboard-bg; }
|
||||
.driveColor { color: @toolbar-drive-bg; }
|
||||
.settingsColor { color: @toolbar-settings-bg; }
|
||||
.profileColor { color: @toolbar-settings-bg; }
|
||||
.defaultColor { color: @toolbar-default-bg; }
|
||||
.todoColor { color:@toolbar-todo-bg; }
|
||||
|
||||
.toolbar-container {
|
||||
display: flex;
|
||||
}
|
||||
#cke_editor1 .cke_inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
.cke_toolbox_main {
|
||||
display: inline-block;
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
#cke_1_contents {
|
||||
flex: 1;
|
||||
margin-top: -1px;
|
||||
display: flex;
|
||||
overflow: visible;
|
||||
iframe {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
body .userlist-drawer {
|
||||
font: @main-font-size @colortheme_font;
|
||||
@@ -201,36 +167,9 @@ body {
|
||||
background: darken(@bgcolor, 10%);
|
||||
color: @color;
|
||||
}
|
||||
.dropdown-bar-content.left a {
|
||||
.cp-dropdown-content.cp-dropdown-left a {
|
||||
color: black;
|
||||
}
|
||||
/*.dropdown-bar-content {
|
||||
background: darken(@bgcolor, 5%);
|
||||
border: 1px solid @color;
|
||||
color: @color;
|
||||
a {
|
||||
color: @color;
|
||||
&.active {
|
||||
background-color: darken(@bgcolor, 10%);
|
||||
color: @color;
|
||||
}
|
||||
&:hover {
|
||||
background-color: @bgcolor;
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
hr {
|
||||
background-color: darken(@bgcolor, 15%);
|
||||
}
|
||||
p {
|
||||
h2 {
|
||||
background-color: darken(@bgcolor, 10%);
|
||||
}
|
||||
.accountData {
|
||||
background-color: @bgcolor;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
}
|
||||
}
|
||||
|
||||
@@ -322,7 +261,7 @@ body .cryptpad-toolbar {
|
||||
width: 100%;
|
||||
z-index: 9001;
|
||||
|
||||
.dropdown-bar {
|
||||
.cp-dropdown-container {
|
||||
//height: 100%;
|
||||
//display: inline-block;
|
||||
button {
|
||||
@@ -865,7 +804,7 @@ body .cryptpad-toolbar {
|
||||
&:hover {
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
.dropdown-bar-content {
|
||||
.cp-dropdown-content {
|
||||
margin: 0;
|
||||
}
|
||||
button {
|
||||
@@ -929,7 +868,7 @@ body .cryptpad-toolbar {
|
||||
border-radius: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.dropdown-bar-content {
|
||||
.cp-dropdown-content {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
}
|
||||
|
||||
button {
|
||||
.buttonTitle {
|
||||
.cp-dropdown-button-title {
|
||||
.fa-user {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@@ -81,8 +81,8 @@
|
||||
@toolbar-settings-color: @colortheme_settings-color;
|
||||
@toolbar-profile-bg: @colortheme_profile-bg;
|
||||
@toolbar-profile-color: @colortheme_profile-color;
|
||||
@toolbar-todo-bg: #7bccd1;
|
||||
@toolbar-todo-color: #000;
|
||||
@toolbar-todo-bg: @colortheme_todo-bg;
|
||||
@toolbar-todo-color: @colortheme_todo-color;
|
||||
|
||||
@topbar-back: #fff;
|
||||
@topbar-color: #000;
|
||||
|
||||
Reference in New Issue
Block a user