Commit 3a3cc5eb authored by Agami4's avatar Agami4 Committed by navneet0693
Browse files

Issue #3247001 by agami4: Add full width to the comment box on the mobile...

Issue #3247001 by agami4: Add full width to the comment box on the mobile screen, add settings to the gulpfile, recompile js files
parent 796b37d6
......@@ -40,7 +40,6 @@ a[id^="comment-"] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 50px);
}
.comment__author {
......@@ -252,6 +251,9 @@ details[open] .details__close-icon {
margin-right: 0;
margin-left: 12px;
}
.comment__content {
max-width: calc(100% - 50px);
}
.comment__text .vote-widget {
position: relative;
padding-left: 23px;
......@@ -288,4 +290,15 @@ details[open] .details__close-icon {
.main-container.open-keyboard {
padding-bottom: 270px;
}
.comment-comment-form > .form-group-inline {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.comment-comment-form .media-body {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
"use strict";
(function ($) {
// Initiate the Drupal autocomplete made in core/misc/autocomplete.js
var autocomplete = Drupal.autocomplete;
......
"use strict";
(function ($) {
Drupal.behaviors.textareaAutogrow = {
attach: function attach(context, settings) {
......
"use strict";
(function ($) {
Drupal.behaviors.initDatepicker = {
attach: function attach(context, settings) {
......
"use strict";
/**
* @file
* Defines the custom behaviors needed for cropper integration.
......
"use strict";
/**
* @file
* Inform block click behaviour.
......
"use strict";
/**
* @file
* Like and dislike icons behavior.
......
"use strict";
(function ($) {
Drupal.behaviors.navbarCollapse = {
attach: function attach(context, settings) {
......
"use strict";
(function ($) {
Drupal.behaviors.navbarMainMenu = {
attach: function attach(context, settings) {
......
"use strict";
(function ($) {
Drupal.behaviors.navbarProfileDropdown = {
attach: function attach(context, settings) {
......
"use strict";
(function ($) {
/*
** Behaviour when user clicks the element
......
"use strict";
(function ($) {
var initPhotoSwipeFromDOM = function initPhotoSwipeFromDOM(gallerySelector) {
var parseThumbnailElements = function parseThumbnailElements(el) {
......
"use strict";
/**
* @file
* Add SVG as sanitized option to popover.
......
"use strict";
/**
* @file
* Extends methods from core/misc/tabledrag.js.
......
......@@ -50,7 +50,10 @@ a[id^="comment-"] {
.comment__content {
flex: 1;
max-width: calc(100% - 50px);
@include for-tablet-portrait-up {
max-width: calc(100% - 50px);
}
}
.comment__author {
......@@ -112,10 +115,6 @@ a[id^="comment-"] {
}
}
.comment__reply-btn {
}
}
.comments {
......@@ -310,3 +309,16 @@ details[open] .details__close-icon {
}
}
}
.comment-comment-form {
@include for-phone-only {
> .form-group-inline {
justify-content: flex-end;
}
.media-body {
flex: 0 0 100%;
max-width: 100%;
}
}
}
......@@ -110,7 +110,8 @@ gulp.task('scripts', ['clean:js'], function () {
suffix: ".min"
}))
.pipe(babel({
presets: ['@babel/preset-env']
sourceType: "script",
presets: ["@babel/preset-env"]
}))
.pipe(gulp.dest(options.basetheme.js))
.pipe(browserSync.reload({stream:true}));
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment