Add title on public page

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2020-04-29 19:06:37 +02:00
commit 5b9f65f11b
No known key found for this signature in database
GPG key ID: 60C25B8C072916CF
6 changed files with 106 additions and 174 deletions

View file

@ -1,19 +0,0 @@
.flex-row {
display: flex;
flex-direction: row;
flex-grow: 1;
/* align-items: center; */
&.align-centered {
align-items: center;
}
}
.flex-column {
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
&.align-centered {
align-items: center;
}
}

View file

@ -1,4 +1,26 @@
/**
* @copyright Copyright (c) 2020 John Molakvoæ <skjnldsv@protonmail.com>
*
* @author John Molakvoæ <skjnldsv@protonmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
// Icon definitions
@include icon-black-white('forms', 'forms', 3);
@include icon-black-white('clone', 'forms', 1);

View file

@ -1,46 +0,0 @@
h1 {
font-size: 1.8em;
margin-bottom: 5px;
}
.icon-forms {
background-image: var(--icon-forms);
}
/* allow horizontal scrollbar
otherwise user management is not usable on mobile */
@media only screen and (max-width: 768px) {
#app-content {
overflow-x: auto !important;
}
}
#controls {
// adopted from NC13 for compatibily with OC10 and NC11-NC12
width: 100%;
position: relative;
top: 4px;
h2 {
margin-top: 12px;
}
.breadcrumb {
flex-grow: 1;
overflow: hidden;
div.crumb {
overflow: hidden;
white-space: nowrap;
flex-shrink: 0;
}
}
}
input[type='text'] {
display: block;
width: 100%;
}
/* OC10 and NC11 fixes*/
.symbol {
display: inline-block;
}

View file

@ -1,11 +1,31 @@
#header {
#appmenu,
.header-right,
nav {
display: none;
}
}
div.crumb {
background-image: none;
/**
* @copyright Copyright (c) 2020 John Molakvoæ <skjnldsv@protonmail.com>
*
* @author John Molakvoæ <skjnldsv@protonmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
#header .header-shared-by {
color: var(--color-primary-text);
position: relative;
font-weight: 300;
font-size: 11px;
line-height: 11px;
overflow: hidden;
text-overflow: ellipsis;
}

View file

@ -1,73 +0,0 @@
.app-forms {
margin: auto;
width: 50%;
margin-top: 20px;
}
.sv-q-description {
font-size: 420px;
}
/* hotfixcss
setting the width to 70% so it takes a more reasonable place for long titles
line height to 1 so the lines don't overlap
adding a margin-bottom for confort
*/
.sv_container {
h3 {
width: 70%;
line-height: 1;
margin-bottom: 5%;
font-size: 30px;
}
}
/* hotfixcss
changing to color so it matches the header
setting the width to 70% to match the previous fix
setting a more confortable margin-bottom
*/
.sv_qstn .sq-root {
border: 1px solid gray;
border-left: 4px solid #0082c9;
border-radius: 5px;
padding: 20px;
width: 70%;
margin-bottom: 6%;
font-size: 18px;
}
/* hotfixcss
adding a margin
*/
.sq-title {
font-size: 20px;
margin-left: 20px;
margin-bottom: 2%;
}
.sq-title-required {
color: black;
}
/* hotfixcss
display fex and align items center so the radio button is aligned with the text
*/
.sq-label {
margin-left: 30px;
display: flex;
align-items: center;
}
.sq-item:nth-child(1) {
margin-bottom: 5px;
}
/* hotfixcss
adding the checkbox text's class to add a comfort margin
*/
.sv_q_checkbox_control_label {
margin-left: 1%;
}