When applicable pease select the provider of this content. This will enable users to search for content produced by specific organisations.
When applicable please select the provider of this content. This will enable users to search for content produced by specific organisations.
Not applicable
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/contribute/ContentCommon.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/contribute/ContentCommon.vue
index 338817b8b..11b2c7d8f 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/contribute/ContentCommon.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/contribute/ContentCommon.vue
@@ -83,7 +83,7 @@
diff --git a/LearningHub.Nhs.WebUI/Styles/sections/_all.scss b/LearningHub.Nhs.WebUI/Styles/sections/_all.scss
index 22c55622d..a127ade9d 100644
--- a/LearningHub.Nhs.WebUI/Styles/sections/_all.scss
+++ b/LearningHub.Nhs.WebUI/Styles/sections/_all.scss
@@ -140,268 +140,272 @@ div.contribute {
}
div.contribute {
- h2 {
- .warningTriangle {
- padding-left: 10px;
- vertical-align: middle;
- }
- }
-
- h3 {
- .warningTriangle {
- padding-left: 10px;
- vertical-align: middle;
- }
- }
-
- div.common-content {
- div.form-group {
- margin-bottom: 0;
+ h2 {
+ .warningTriangle {
+ padding-left: 10px;
+ vertical-align: middle;
+ }
}
- .bg-grey-white {
- padding: 17px 25px 30px 25px;
- color: $nhsuk-black;
+ h3 {
+ .warningTriangle {
+ padding-left: 10px;
+ vertical-align: middle;
+ }
}
- }
- div.white-background {
- background-color: $nhsuk-white;
- min-height: 420px;
- }
-
- .limit-width {
- width: 100%;
- max-width: 850px;
- margin-left: 40px;
- padding-right: 50px;
- }
+ div.common-content {
+ div.form-group {
+ margin-bottom: 0;
+ }
- div.contribute-header {
- .draftText {
- color: $nhsuk-green;
- margin-top: 0;
+ .bg-grey-white {
+ padding: 17px 25px 30px 25px;
+ color: $nhsuk-black;
+ }
}
- .error-message {
- color: $nhsuk-red;
- font-weight: bold;
+ div.white-background {
+ background-color: $nhsuk-white;
+ min-height: 420px;
}
- .warning-banner {
- display: flex;
- flex-flow: row;
- justify-content: space-between;
- padding: 1.5rem 1.5rem 0.8rem 1.5rem;
- border-bottom: 1px solid $nhsuk-grey-light;
- border-top: 1px solid $nhsuk-grey-light;
-
- div.warningTriangle {
- font-size: 40px;
- }
-
- div.info {
- padding-left: 12px;
- }
-
- div.dismiss {
- text-align: end;
- padding-top: .5rem;
- padding-right: 2rem;
-
- button {
- font-size: 2.5rem;
- color: $nhsuk-grey;
- }
- }
-
- .warning-banner-left {
- display: flex;
- justify-content: space-between;
+ .limit-width {
width: 100%;
- max-width: 800px;
+ max-width: 850px;
margin-left: 40px;
- }
+ padding-right: 50px;
}
- }
- .warningTriangle {
- color: #ffb81c;
- font-size: 2rem;
+ div.contribute-header {
+ .draftText {
+ color: $nhsuk-green;
+ margin-top: 0;
+ }
- &.large {
- font-size: 4rem !important;
- }
- }
+ .error-message {
+ color: $nhsuk-red;
+ font-weight: bold;
+ }
- button.delete-button {
- text-decoration: none;
- color: $nhsuk-grey-placeholder;
- font-size: 1.6rem;
+ .warning-banner {
+ display: flex;
+ flex-flow: row;
+ justify-content: space-between;
+ padding: 1.5rem 1.5rem 0.8rem 1.5rem;
+ border-bottom: 1px solid $nhsuk-grey-light;
+ border-top: 1px solid $nhsuk-grey-light;
+
+ div.warningTriangle {
+ font-size: 40px;
+ }
- i {
- margin-right: 4px;
- font-size: 1.8rem;
- }
- }
+ div.info {
+ padding-left: 12px;
+ }
- button.publish-button {
- color: $nhsuk-white;
- background-color: $nhsuk-green;
- font-size: 19px;
- text-align: center !important;
- border: 1px solid $nhsuk-green !important;
- min-height: 50px;
- min-width: 115px;
- padding: 0px 25px 0px 25px;
- border-radius: 5px;
- }
+ div.dismiss {
+ text-align: end;
+ padding-top: .5rem;
+ padding-right: 2rem;
- button.publish-button:disabled {
- background-color: $nhsuk-grey;
- border-color: $nhsuk-grey !important;
- }
+ button {
+ font-size: 2.5rem;
+ color: $nhsuk-grey;
+ }
+ }
- button.btn-outline-custom:disabled {
- color: $nhsuk-grey !important;
- border-color: $nhsuk-grey !important;
- }
+ .warning-banner-left {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ max-width: 800px;
+ margin-left: 40px;
+ }
+ }
+ }
- button.btn-outline-custom:disabled:hover {
- background-color: $nhsuk-white !important;
- }
+ .warningTriangle {
+ color: #ffb81c;
+ font-size: 2rem;
- div.resource-area-container, div.common-content {
- div.resource-area-header {
- background-color: $nhsuk-grey;
- color: $nhsuk-grey-white;
- border-top-left-radius: .5rem;
- border-top-right-radius: .5rem;
- font-family: $font-stack-bold;
- padding: 1.4rem 2rem 1.0rem 2rem;
- display: flex;
- justify-content: space-between;
+ &.large {
+ font-size: 4rem !important;
+ }
+ }
- a,
- button {
+ button.delete-button {
text-decoration: none;
- font-size: 19px;
- font-family: $font-stack;
- color: $nhsuk-grey-white !important;
- padding-top: 0;
+ color: $nhsuk-grey-placeholder;
+ font-size: 1.6rem;
i {
- margin-left: 4px;
+ margin-right: 4px;
+ font-size: 1.8rem;
}
- }
}
- div.resource-area-body {
- background-color: $nhsuk-grey-white;
- border-bottom-left-radius: .5rem;
- border-bottom-right-radius: .5rem;
- min-height: 300px;
- padding: 20px 10px 20px 10px;
+ button.publish-button {
+ color: $nhsuk-white;
+ background-color: $nhsuk-green;
+ font-size: 19px;
+ text-align: center !important;
+ border: 1px solid $nhsuk-green !important;
+ min-height: 50px;
+ min-width: 115px;
+ padding: 0px 25px 0px 25px;
+ border-radius: 5px;
}
- .radio-options {
- height: 12px !important;
- width: 12px !important;
- border: 1px solid $nhsuk-black;
- color: $nhsuk-black;
+ button.publish-button:disabled {
+ background-color: $nhsuk-grey;
+ border-color: $nhsuk-grey !important;
}
- .radio-options-text {
- margin-right: 20px;
+ button.btn-outline-custom:disabled {
+ color: $nhsuk-grey !important;
+ border-color: $nhsuk-grey !important;
}
- .author-details, .file-details, .licence-details {
- display: flex;
- justify-content: space-between;
- background-color: $nhsuk-white;
- border-radius: 5px;
- padding: 25px;
+ button.btn-outline-custom:disabled:hover {
+ background-color: $nhsuk-white !important;
+ }
- button,
- a {
- font-size: 16px;
- color: $nhsuk-red;
- text-decoration: none;
- display: flex;
- justify-content: space-between;
+ div.resource-area-container, div.common-content {
+ div.resource-area-header {
+ background-color: $nhsuk-grey;
+ color: $nhsuk-grey-white;
+ border-top-left-radius: .5rem;
+ border-top-right-radius: .5rem;
+ font-family: $font-stack-bold;
+ padding: 1.4rem 2rem 1.0rem 2rem;
+ display: flex;
+ justify-content: space-between;
- i {
- padding-left: 10px;
- padding-top: 3px;
+ a,
+ button {
+ text-decoration: none;
+ font-size: 19px;
+ font-family: $font-stack;
+ color: $nhsuk-grey-white !important;
+ padding-top: 0;
+
+ i {
+ margin-left: 4px;
+ }
+ }
}
- }
- .divider {
- color: $nhsuk-grey-light;
- }
- }
+ div.resource-area-body {
+ background-color: $nhsuk-grey-white;
+ border-bottom-left-radius: .5rem;
+ border-bottom-right-radius: .5rem;
+ min-height: 300px;
+ padding: 20px 10px 20px 10px;
+ }
- .author-details {
- border: solid 1px $nhsuk-grey-light;
- padding: 22px 15px 10px 15px;
+ .radio-options {
+ height: 12px !important;
+ width: 12px !important;
+ border: 1px solid $nhsuk-black;
+ color: $nhsuk-black;
+ }
- i {
- color: $nhsuk-grey;
- margin-right: 1rem;
- }
- }
+ .radio-options-text {
+ margin-right: 20px;
+ }
- .keyword-container {
- display: flex;
- flex-wrap: wrap;
+ .author-details, .file-details, .licence-details {
+ display: flex;
+ justify-content: space-between;
+ background-color: $nhsuk-white;
+ border-radius: 5px;
+ padding: 25px;
+
+ button,
+ a {
+ font-size: 16px;
+ color: $nhsuk-red;
+ text-decoration: none;
+ display: flex;
+ justify-content: space-between;
+
+ i {
+ padding-left: 10px;
+ padding-top: 3px;
+ }
+ }
- .keyword-tag {
- background-color: $nhsuk-grey-white;
- border-radius: 20px;
- margin-bottom: 10px;
- padding: 8px 10px 3px 15px;
+ .divider {
+ color: $nhsuk-grey-light;
+ }
+ }
- button {
- color: $nhsuk-red;
- font-size: 2rem;
+ .author-details {
+ border: solid 1px $nhsuk-grey-light;
+ padding: 22px 15px 10px 15px;
+
+ i {
+ color: $nhsuk-grey;
+ margin-right: 1rem;
+ }
}
- }
- }
- span.optional {
- font-family: $font-stack;
- }
+ .keyword-label {
+ font-weight: normal;
+ }
+
+ .keyword-container {
+ display: flex;
+ flex-wrap: wrap;
+
+ .keyword-tag {
+ background-color: $nhsuk-grey-white;
+ border-radius: 20px;
+ margin-bottom: 10px;
+ padding: 8px 10px 3px 15px;
+
+ button {
+ color: $nhsuk-red;
+ font-size: 2rem;
+ }
+ }
+ }
+
+ span.optional {
+ font-family: $font-stack;
+ }
- textarea {
- width: 100%;
+ textarea {
+ width: 100%;
+ }
}
- }
- .authored-date label {
- font-size: 1.6rem;
- }
+ .authored-date label {
+ font-size: 1.6rem;
+ }
- div.publish-warning {
- display: flex;
- flex-direction: row;
+ div.publish-warning {
+ display: flex;
+ flex-direction: row;
- .triangle {
- margin-right: 10px;
- display: flex;
- align-items: center;
+ .triangle {
+ margin-right: 10px;
+ display: flex;
+ align-items: center;
- i {
- padding-top: 5px;
- }
+ i {
+ padding-top: 5px;
+ }
+ }
}
- }
- div.highlighted-info {
- background-color: rgba(255, 184, 28, 0.05);
- border: 1px solid #FFB81C;
- padding: 15px 24px;
- margin: 15px 15px 0 15px;
- }
+ div.highlighted-info {
+ background-color: rgba(255, 184, 28, 0.05);
+ border: 1px solid #FFB81C;
+ padding: 15px 24px;
+ margin: 15px 15px 0 15px;
+ }
}
@media (max-width: 768px) {