google_forms/assets/css/editview.css

75 lines
2.0 KiB
CSS
Raw Permalink Normal View History

2024-07-26 12:41:46 +00:00
.form-header {
2024-08-09 12:04:48 +00:00
display: flex;
flex-direction: column;
margin-bottom: 10px;
margin-top: -56px;
2024-07-26 12:41:46 +00:00
}
.form-title,
2024-08-21 06:34:30 +00:00
.form- description {
2024-08-09 12:04:48 +00:00
border: none;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
width: 100%;
2024-07-26 12:41:46 +00:00
}
.form-title:focus,
.form-description:focus {
2024-08-09 12:04:48 +00:00
box-shadow: none;
outline: none;
border-bottom: 1px solid #007bff;
2024-07-26 12:41:46 +00:00
}
.option {
2024-08-09 12:04:48 +00:00
display: flex;
align-items: center;
margin-bottom: 5px; /* Space between options */
2024-07-26 12:41:46 +00:00
}
.option i.icon-transparent {
2024-08-09 12:04:48 +00:00
opacity: 0.5; /* Make the icon transparent */
margin-right: 10px; /* Space between icon and option box */
font-size: 10px; /* Adjust icon size here */
2024-07-26 12:41:46 +00:00
}
.option .form-control.option-label {
2024-08-09 12:04:48 +00:00
flex: 1; /* Ensure the input field takes up the remaining space */
2024-07-26 12:41:46 +00:00
}
.option .delete-option-icon {
2024-08-09 12:04:48 +00:00
margin-left: 10px; /* Space between option box and delete icon */
cursor: pointer; /* Show pointer cursor on hover */
2024-07-26 12:41:46 +00:00
}
.option .form-control.option-label {
2024-08-09 12:04:48 +00:00
width: 44%; /* Adjust the percentage as needed */
flex: none; /* Ensure it doesn't automatically adjust its size based on the parent container */
2024-07-26 12:41:46 +00:00
}
/* Style for the submit button */
#submit-btn {
2024-08-09 12:04:48 +00:00
display: block;
margin: 6px auto 30px 0; /* Top, Right, Bottom, Left Margin */
padding: 10px 20px; /* Adjust padding for button size */
background-color: rgb(103, 58, 183); /* Button color */
border-color: rgb(103, 58, 183); /* Border color */
color: white; /* Text color */
text-align: center; /* Center text inside the button */
float: left; /* Align button to the left */
2024-07-26 12:41:46 +00:00
}
/* Style for the container */
.container {
2024-08-09 12:04:48 +00:00
padding-bottom: 2px; /* Space between container content and bottom of the page */
padding-top: none;
2024-07-26 12:41:46 +00:00
}
/* Optional: Adding padding to body */
body {
2024-08-09 12:04:48 +00:00
padding-bottom: 10px; /* Space between page content and bottom of the viewport */
2024-07-26 12:41:46 +00:00
}
#add-section-btn {
2024-08-09 12:04:48 +00:00
position: relative; /* Position relative to its normal position */
left: -350px; /* Move 20px to the right from its normal position */
top: 80px; /* Move 10px down from its normal position */
2024-07-26 12:41:46 +00:00
}